{"id":1795,"date":"2022-12-18T21:59:53","date_gmt":"2022-12-18T21:59:53","guid":{"rendered":"https:\/\/blog.hostinger.io\/pt\/support\/2022\/12\/18\/6466412-hostinger-criador-de-sites-como-adicionar-imagem-de-pre-visualizacao-aos-seus-links\/"},"modified":"2025-08-27T06:10:37","modified_gmt":"2025-08-27T06:10:37","slug":"6466412-hostinger-criador-de-sites-como-adicionar-imagem-de-pre-visualizacao-aos-seus-links","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/br\/support\/6466412-hostinger-criador-de-sites-como-adicionar-imagem-de-pre-visualizacao-aos-seus-links\/","title":{"rendered":"Hostinger Criador de Sites: Como Adicionar Imagem de Pr\u00e9-Visualiza\u00e7\u00e3o aos Seus Links"},"content":{"rendered":"<p class=\"no-margin\">Voc&ecirc; pode adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o aos seus links. Assim, quando seus links forem compartilhados nas redes sociais, essas imagens ficar&atilde;o vis&iacute;veis.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Al&eacute;m de chamar mais a aten&ccedil;&atilde;o do p&uacute;blico e mostrar melhor qual o conte&uacute;do da p&aacute;gina, as imagens de pr&eacute;-visualiza&ccedil;&atilde;o tamb&eacute;m podem melhor seu SEO.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Voc&ecirc; pode adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o seguindo estes m&eacute;todos:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_9c9ee67c9d\" target=\"_blank\" class=\"intercom-content-link\">Adicionar imagem de pr&eacute;-visualiza&ccedil;&atilde;o automaticamente a todas as p&aacute;ginas do site<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_b11d5b0ce2\" target=\"_blank\" class=\"intercom-content-link\">Adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o diferentes para cada p&aacute;gina<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_00d3613df1\" target=\"_blank\" class=\"intercom-content-link\">Adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o a um post do blog<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h1 id=\"h_9c9ee67c9d\">Como adicionar imagem de pr&eacute;-visualiza&ccedil;&atilde;o automaticamente a todas as p&aacute;ginas do site<\/h1><p class=\"no-margin\">Nas <b><a href=\"\/br\/support\/6521387-criador-de-sites-configuracoes-gerais-do-site\" target=\"_blank\" class=\"intercom-content-link\">Configura&ccedil;&otilde;es gerais do site<\/a><\/b>, v&aacute; at&eacute; <b>Imagem de pr&eacute;via de link<\/b>. L&aacute; voc&ecirc; pode adicionar uma imagem de pr&eacute;-visualiza&ccedil;&atilde;o que ser&aacute; <b>aplicada automaticamente a todos os links do seu site<\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Clique em <b>Adicionar imagem<\/b> ou <b>Trocar imagem<\/b> para escolher o arquivo:<br>&#8203;<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/cbdb29af-1117-43fe-aef4-104a11fbf7f0.jpg\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">O tamanho de imagem recomendado &eacute; de <b>1200&times;630px<\/b>. Depois de adicionar sua imagem, n&atilde;o se esque&ccedil;a de salvar as altera&ccedil;&otilde;es e <b><a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizar seu site<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_b11d5b0ce2\">Como adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o diferentes para cada p&aacute;gina<\/h1><p class=\"no-margin\">Nas <b><a href=\"\/br\/support\/6466320-criador-de-sites-configuracoes-seo\" target=\"_blank\" class=\"intercom-content-link\">Configura&ccedil;&otilde;es de SEO<\/a>,<\/b> voc&ecirc; vai poder adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o diferentes para cada uma das p&aacute;ginas do site.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">V&aacute; para <b><a href=\"\/br\/support\/6466320-criador-de-sites-configuracoes-seo\" target=\"_blank\" class=\"intercom-content-link\">Configura&ccedil;&otilde;es de SEO<\/a> <\/b>e selecione a p&aacute;gina que quer editar. V&aacute; at&eacute; a aba <b>Imagem de pr&eacute;via<\/b>, clique em <b>Adicionar imagem<\/b> ou <b>Trocar imagem<\/b> para escolher o arquivo:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container\"><img decoding=\"async\" src=\"\/br\/support\/wp-content\/uploads\/sites\/59\/2022\/12\/8a7f6a74-db3b-461a-9805-646ee82b63c8.jpg\"><\/div><p class=\"no-margin\">O tamanho de imagem recomendado &eacute; de <b>1200&times;630px<\/b>. Depois de adicionar sua imagem, n&atilde;o se esque&ccedil;a de salvar as altera&ccedil;&otilde;es e <b><a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizar seu site<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\"><b>OBSERVA&Ccedil;&Atilde;O<\/b>:<\/p><ul>\n<li>\n<p class=\"no-margin\">Aprenda a <a href=\"https:\/\/support.hostinger.com\/en\/articles\/6538366-website-builder-product-seo-settings\" target=\"_blank\" class=\"intercom-content-link\" rel=\"noopener\">adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o em p&aacute;ginas de produto<\/a><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_00d3613df1\">Como adicionar imagens de pr&eacute;-visualiza&ccedil;&atilde;o a um post do blog<\/h1><p class=\"no-margin\">Para definir uma imagem de capa em postagens do seu blog, siga este artigo: <a href=\"\/br\/support\/6491586-criador-de-sites-como-mudar-a-imagem-de-capa-de-um-post-do-blog\" target=\"_blank\" class=\"intercom-content-link\">Criador de Sites: Como mudar a imagem de capa de um post do blog<\/a><br>&#8203;<\/p><hr><p class=\"no-margin\">\n<\/p><h1 id=\"h_2ef68aa8de\">Como solucionar poss&iacute;veis problemas<\/h1><p class=\"no-margin\">Lembre-se de que a altera&ccedil;&atilde;o n&atilde;o &eacute; imediata &ndash; pode demorar v&aacute;rias horas at&eacute; que a imagem de pr&eacute;-visualiza&ccedil;&atilde;o do link seja atualizada.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">No entanto, confira se:<\/p><ul>\n<li>\n<p class=\"no-margin\">Enquanto voc&ecirc; editava as imagens, o Criador de Sites n&atilde;o estava aberto em v&aacute;rias abas ou dispositivos ao mesmo tempo<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">O arquivo enviado n&atilde;o &eacute; muito grande nem muito pequeno:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">O tamanho recomendado &eacute; <b>1200&times;630px<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">O tamanho m&aacute;ximo do arquivo &eacute; <b>15 MB<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">O formato da sua imagem &eacute; compat&iacute;vel (<b>.PNG, .JPG<\/b> ou <b>.JPEG<\/b>)<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">Voc&ecirc; <a href=\"\/br\/support\/6435697-criador-de-sites-como-atualizar-um-site\" target=\"_blank\" class=\"intercom-content-link\">atualizou seu site<\/a> ap&oacute;s fazer as mudan&ccedil;as<\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Por fim (esta geralmente &eacute; a melhor solu&ccedil;&atilde;o),<b> limpe o cache<\/b> da rede social onde voc&ecirc; est&aacute; tentando compartilhar seu link. <\/p>\n","protected":false},"excerpt":{"rendered":"<p>Aprenda a adicionar imagem de pr\u00e9-visualiza\u00e7\u00e3o aos seus links, e saiba como solucionar poss\u00edveis problemas<\/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":[260],"tags":[],"class_list":["post-1795","post","type-post","status-publish","format-standard","hentry","category-seo"],"hreflangs":[{"locale":"en-US","link":"https:\/\/www.hostinger.com\/support\/6466412-hostinger-website-builder-how-to-add-link-preview-images\/","default":1},{"locale":"es-ES","link":"https:\/\/www.hostinger.com\/es\/support\/6466412-hostinger-creador-de-sitios-web-como-agregar-imagenes-de-vista-previa-de-enlaces\/","default":0},{"locale":"fr-FR","link":"https:\/\/www.hostinger.com\/fr\/support\/6466412-hostinger-createur-de-sites-web-comment-ajouter-des-images-d-apercu-des-liens\/","default":0},{"locale":"id-ID","link":"https:\/\/www.hostinger.com\/id\/support\/6466412-website-builder-bagaimana-menambahkan-gambar-pratinjau-link\/","default":0},{"locale":"lt-LT","link":"https:\/\/www.hostinger.com\/lt\/support\/6466412-hostinger-svetainiu-kurimo-irankis-puslapius-iliustruojantys-paveiksleliai\/","default":0},{"locale":"pt-PT","link":"https:\/\/www.hostinger.com\/br\/support\/6466412-hostinger-criador-de-sites-como-adicionar-imagem-de-pre-visualizacao-aos-seus-links\/","default":0}],"include_on_kodee":true,"_links":{"self":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1795","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=1795"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1795\/revisions"}],"predecessor-version":[{"id":3177,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/posts\/1795\/revisions\/3177"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/media?parent=1795"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/categories?post=1795"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/br\/support\/wp-json\/wp\/v2\/tags?post=1795"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}