{"id":1685,"date":"2022-12-13T10:00:43","date_gmt":"2022-12-13T10:00:43","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/13\/6632501-hostinger-criador-de-sites-como-criar-um-site-portfolio\/"},"modified":"2025-08-27T06:12:39","modified_gmt":"2025-08-27T06:12:39","slug":"6632501-hostinger-criador-de-sites-como-criar-um-site-portfolio","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6632501-hostinger-criador-de-sites-como-criar-um-site-portfolio\/","title":{"rendered":"Hostinger Criador de Sites: Como Criar um Site Portf\u00f3lio"},"content":{"rendered":"<p class=\"no-margin\">Um portf&oacute;lio &eacute; um dos sites mais simples de se criar! Neste artigo, voc&ecirc; vai aprender  o b&aacute;sico para criar um site portf&oacute;lio usando o <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/1583273-how-can-you-create-a-website-without-programming-experience\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Criador de Sites da Hostinger<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Um portf&oacute;lio profissional deve ter tr&ecirc;s p&aacute;ginas principais:<\/p><ol>\n<li>\n<p class=\"no-margin\"><b>Projetos<\/b>, para mostrar seu trabalho<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Sobre<\/b>, para contar sua hist&oacute;ria<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b>Contatos<\/b>, para que as pessoas possam te achar facilmente<\/p>\n<\/li>\n<\/ol><p class=\"no-margin\">Al&eacute;m destas p&aacute;ginas acima, voc&ecirc; certamente pode <b><a href=\"\/br\/support\/6456705-criador-de-sites-como-adicionar-mais-paginas\" target=\"_blank\" class=\"intercom-content-link\">adicionar mais p&aacute;ginas<\/a> <\/b>ao seu site, como por exemplo um <b><a href=\"\/br\/support\/6462842-criador-de-sites-como-criar-um-blog\" target=\"_blank\" class=\"intercom-content-link\">blog<\/a><\/b> para escrever seus <i>insights<\/i> ou experi&ecirc;ncias. Resumindo, para criar um portf&oacute;lio, siga estes passos:<\/p><ol>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_b9e7e70939\" target=\"_blank\" class=\"intercom-content-link\">Decida a estrutura do seu portf&oacute;lio<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_78695666a4\" target=\"_blank\" class=\"intercom-content-link\">Personalize seu website<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_896719d797\" target=\"_blank\" class=\"intercom-content-link\">Cheque as configura&ccedil;&otilde;es do seu website<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_29105ddff8\" target=\"_blank\" class=\"intercom-content-link\">Publique seu website<\/a><\/b><\/p>\n<p class=\"no-margin\">\n<\/p><\/li>\n<\/ol><h1 id=\"h_b9e7e70939\"><b>1. Decida a estrutura do seu portf&oacute;lio<\/b><\/h1><p class=\"no-margin\">Basicamente, um site tem p&aacute;ginas, que por sua vez t&ecirc;m se&ccedil;&otilde;es, que por sua vez t&ecirc;m elementos espec&iacute;ficos:<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/56a36ce8-a675-4489-bf41-1e3775dcd97e.jpg\"><\/div><p class=\"no-margin\">Ap&oacute;s selecionar um template de site para o seu portf&oacute;lio, confira:<\/p><ul>\n<li>\n<p class=\"no-margin\">Quantas <b>p&aacute;ginas <\/b>h&aacute; no template? Voc&ecirc; gostaria de adicionar, remover ou esconder alguma delas? Para saber mais, veja: <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6435707-website-builder-how-to-manage-the-navigation-menu-of-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Como gerenciar o menu de navega&ccedil;&atilde;o de um site<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Quais <b>se&ccedil;&otilde;es <\/b>as p&aacute;ginas t&ecirc;m? Voc&ecirc; gostaria de adicionar ou remover alguma se&ccedil;&atilde;o? Para saber mais, veja:<b> <a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475040-website-builder-how-to-add-and-manage-website-sections\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Como adicionar e gerenciar se&ccedil;&otilde;es<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Quais <b>elementos<\/b> h&aacute; no site? Voc&ecirc; gostaria de adicionar, remover ou editar elementos? Para saber mais, veja: <a href=\"\/br\/support\/6435894-criador-de-sites-como-adicionar-e-personalizar-elementos-do-site\" target=\"_blank\" class=\"intercom-content-link\">Como adicionar e personalizar elementos do site<\/a><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_78695666a4\"><b>2. Personalize seu website<\/b><\/h1><p class=\"no-margin\">Assim que voc&ecirc; decidir a estrutura do seu site, foque em aperfei&ccedil;oar as p&aacute;ginas principais do seu portf&oacute;lio.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_dbf9cbd978\"><b>P&aacute;gina de portf&oacute;lio<\/b><\/h2><p class=\"no-margin\">A apresenta&ccedil;&atilde;o dos seus projetos &eacute; o cora&ccedil;&atilde;o do seu porf&oacute;lio. Dependendo da extens&atilde;o do seu trabalho e da quantidade de exemplos que voc&ecirc; quer mostrar, voc&ecirc; pode:<\/p><ul>\n<li>\n<p class=\"no-margin\">Mostrar todo o seu trabalho em uma s&oacute; p&aacute;gin:<\/p>\n<div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/af572065-1af0-4660-9236-fff2270770a3.jpg\"><\/div>\n<\/li>\n<li>\n<p class=\"no-margin\">Mostrar projetos individuais em p&aacute;ginas dedicadas:<\/p>\n<div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/7f14ec51-f141-46a9-affa-eabf0dade398.jpg\"><\/div>\n<\/li>\n<li>\n<p class=\"no-margin\">Mostrar projetos individuais em p&aacute;ginas dedicadas e colocar essas p&aacute;ginas em um <b><a href=\"\/br\/support\/6456916-criador-de-sites-como-adicionar-um-menu-suspenso-dropdown\" target=\"_blank\" class=\"intercom-content-link\">menu suspenso<\/a><\/b>:<\/p>\n<div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/500a7a7b-ad6d-4652-9299-9e4d4d0cd23a.jpg\"><\/div>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_07da22f131\">P&aacute;gina Sobre<\/h2><p class=\"no-margin\">A p&aacute;gina Sobre &eacute; uma curta biografia. Para manter a informa&ccedil;&atilde;o limpa, voc&ecirc; pode se introduzir separando as informa&ccedil;&otilde;es por se&ccedil;&otilde;es, por exemplo:<\/p><ol>\n<li>\n<p class=\"no-margin\">Adicione uma se&ccedil;&atilde;o de texto e escreva um ou dois par&aacute;grafos sobre quem ou o que voc&ecirc; &eacute;<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Insira uma se&ccedil;&atilde;o para imagens, galerias ou feed do Instagram feed, e mostre seu trabalho ou uma foto sua<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Compartilhe frases inspiracionais, ou uma lista dos seus livros, m&uacute;sicas ou destinos favoritos<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Adicione links para os seus perfis de <b><a href=\"\/br\/support\/6474611-criador-de-sites-como-adicionar-icones-de-redes-sociais\" target=\"_blank\" class=\"intercom-content-link\">m&iacute;dia social<\/a><\/b><br>&#8203;<\/p>\n<\/li>\n<\/ol><h2 id=\"h_5137d58343\">P&aacute;gina de contato<\/h2><p class=\"no-margin\">Mantenha a p&aacute;gina de contato curta e simples, j&aacute; que seu prop&oacute;sito &eacute; informativo. Voc&ecirc; pode adicionar elementos como:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/br\/support\/6463265-criador-de-sites-como-adicionar-um-formulario-de-contato\" target=\"_blank\" class=\"intercom-content-link\">Um formul&aacute;rio de contato<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Seu endere&ccedil;o de email<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Seu n&uacute;mero de telefone<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Links para os seus perfis de <b><a href=\"\/br\/support\/6474611-criador-de-sites-como-adicionar-icones-de-redes-sociais\" target=\"_blank\" class=\"intercom-content-link\">m&iacute;dia social<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_896719d797\"><b>3. Cheque as configura&ccedil;&otilde;es do seu website<\/b><\/h1><p class=\"no-margin\">Lembre-se de atualizar as configura&ccedil;&otilde;es do seu site:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/br\/support\/6521387-criador-de-sites-configuracoes-gerais-do-site\" target=\"_blank\" class=\"intercom-content-link\">Gerais<\/a><\/b>: aqui, voc&ecirc; pode adicionar um link de pr&eacute;via do site e um favicon, al&eacute;m de ativar um banner de cookies<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/br\/support\/6466320-criador-de-sites-configuracoes-seo\" target=\"_blank\" class=\"intercom-content-link\">SEO<\/a><\/b>: atualize meta-t&iacute;tulos e descri&ccedil;&otilde;es das p&aacute;ginas, e adicione textos alternativos &agrave;s suas imagens; para fazer com que seu site seja facilmente encontrado por mecanismos de busca, siga estes passos: <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6448761-website-builder-how-to-make-my-website-appear-on-google\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">Como fazer um site aparecer no Google<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"\/br\/support\/6463270-criador-de-sites-como-adicionar-integracoes\" target=\"_blank\" class=\"intercom-content-link\">Integrations<\/a> <\/b>(opcional): conecte Messenger Live Chat, WhatsApp, ou outros <i>plugins<\/i> ao seu website<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Aditionalmente, confira a <b><a href=\"https:\/\/support.hostinger.com\/en\/articles\/6475658-website-builder-how-to-edit-the-mobile-version-of-a-website\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">vers&atilde;o m&oacute;vel<\/a> <\/b>do seu portf&oacute;lio: mais que <b><a href=\"https:\/\/www.statista.com\/statistics\/277125\/share-of-website-traffic-coming-from-mobile-devices\/\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">50% porcento<\/a> <\/b>do tr&aacute;fego de sites &eacute; via aparelhos m&oacute;veis!<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">\n<\/p><h1 id=\"h_29105ddff8\"><b>4. Publique seu website<\/b><\/h1><p class=\"no-margin\">Quando seu portf&oacute;lio estiver pronto, <b><a href=\"\/br\/support\/6475340-criador-de-sites-como-publicar-o-meu-site\" target=\"_blank\" class=\"intercom-content-link\">publique ele<\/a><\/b> e esteja pronto para atingir o sucesso online &ndash; para que todos saibam sobre o seu portf&oacute;lio, compartilhe links para o seu site em v&aacute;rias plataformas de m&iacute;dia social!<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a criar um portf\u00f3lio usando o Criador de sites da Hostinger<\/p>\n","protected":false},"author":581,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"include_on_kodee":true,"footnotes":""},"categories":[254],"tags":[],"class_list":["post-1685","post","type-post","status-publish","format-standard","hentry","category-geral-criador-de-sites"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6632501-hostinger-website-builder-how-to-create-a-portfolio-website\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6632501-hostinger-creador-de-sitios-web-como-crear-un-sitio-web-de-portafolio\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6632501-hostinger-createur-de-site-web-comment-creer-un-site-web-de-portefeuille\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6632501-hostinger-svetainiu-kurimo-irankis-kaip-sukurti-portfolio\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6632501-hostinger-criador-de-sites-como-criar-um-site-portfolio\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1685","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/comments?post=1685"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1685\/revisions"}],"predecessor-version":[{"id":3380,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1685\/revisions\/3380"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1685"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1685"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1685"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}