{"id":874,"date":"2022-08-12T11:46:31","date_gmt":"2022-08-12T11:46:31","guid":{"rendered":"https:\/\/blog.hostinger.io\/support\/2022\/08\/12\/6466412-hostinger-website-builder-how-to-add-link-preview-images\/"},"modified":"2026-03-16T12:12:07","modified_gmt":"2026-03-16T12:12:07","slug":"6466412-hostinger-website-builder-how-to-add-link-preview-images","status":"publish","type":"post","link":"https:\/\/www.hostinger.com\/support\/6466412-hostinger-website-builder-how-to-add-link-preview-images\/","title":{"rendered":"Hostinger Website Builder: How to Add Link Preview Images"},"content":{"rendered":"<p class=\"no-margin\">In <b>Hostinger Website Builder<\/b>, you can set an image that illustrates the content of your website, its specific page, or a blog post. Link preview images are visible when sharing your website links on social media platforms. It helps search engines and potential website visitors better understand your content.<\/p><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">Preview images can be added in the following places:<\/p><ul>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_7b2b8a1400\" target=\"_blank\" class=\"intercom-content-link\">General Website Settings<\/a> <\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_d00bb8bfef\" target=\"_blank\" class=\"intercom-content-link\">Page Settings<\/a><\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\"><b><a href=\"#h_1e5b318b41\" target=\"_blank\" class=\"intercom-content-link\">Blog Post Settings<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">\n<\/p><h2 id=\"h_7b2b8a1400\">General Website Settings<\/h2><p class=\"no-margin\">You can upload a general preview image for your website in the <b><a href=\"\/support\/6521387-website-builder-general-website-settings\" target=\"_blank\" class=\"intercom-content-link\">general website settings<\/a><\/b>. Click on <b>Add image<\/b> or <b>Replace image<\/b> and upload your file:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/f1998f99-433a-42d8-a6df-6548b9c5ea4a.jpg\" alt=\"The general website settings in Hostinger Website Builder\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">The recommended preview image size is <b>1200&times;630 PX<\/b>. Once you add the image, save the changes and <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b>. <\/p><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">This general website preview image is automatically used for all website pages unless you add individual preview images to each of them (see below) &#128071; <\/p>\n<\/div><p class=\"no-margin\">\n<\/p><h2 id=\"h_d00bb8bfef\">Page Settings<\/h2><div class=\"intercom-interblocks-callout\" style=\"background-color: #e3e7fa80;border-color: #334bfa33\">\n<p class=\"no-margin\">If it&rsquo;s a<b> product page<\/b>, refer here: <b><a href=\"\/support\/6538366-website-builder-product-seo-settings\" target=\"_blank\" class=\"intercom-content-link\">Product SEO Settings<\/a><\/b> &#128161; <\/p>\n<\/div><p class=\"no-margin\">To add individual preview images for each website page, expand the <b>Pages and navigation<\/b> panel on the left, open the page <b>settings<\/b>, and select <b>Social image<\/b>:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/b535f779-0ec2-4fe2-8c99-421c34a3ffdf.jpg\" alt=\"The page settings in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">In the <b>Social image <\/b>tab, click on <b>Add image<\/b> or <b>Replace image<\/b>, and upload your file:<\/p><p class=\"no-margin\">\n<\/p><div class=\"intercom-container intercom-align-center\"><img decoding=\"async\" src=\"\/support\/wp-content\/uploads\/sites\/55\/2022\/08\/f8f1e6df-3b2f-4f26-90a2-6b1d0d5a8869.jpg\" alt=\"Adding a social image to a website page in Hostinger Website Builder\" width=\"500\"><\/div><p class=\"no-margin\">\n<\/p><p class=\"no-margin\">The recommended preview image size is <b>1200&times;630 PX<\/b>.<b> <\/b>Once you add the image, save the changes and <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">update your website<\/a><\/b>.<\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_1e5b318b41\">Blog Post Settings<\/h2><p class=\"no-margin\">To set a featured image for your blog post, follow this guide: <b><a href=\"\/support\/6491586-website-builder-how-to-change-the-featured-image-of-a-blog-post\" target=\"_blank\" class=\"intercom-content-link\">Website Builder: How to Change the Featured Blog Post Image<\/a><\/b><\/p><p class=\"no-margin\">\n<\/p><h2 id=\"h_cdf2e75fb6\">Troubleshooting<\/h2><p class=\"no-margin\">Keep in mind that <b>these changes are not immediate<\/b> &ndash; it can take up to several hours for the link preview image to be updated. However, make sure that:<\/p><ul>\n<li>\n<p class=\"no-margin\">While editing your website, the website builder isn&rsquo;t open in multiple browser tabs or devices simultaneously<\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">The uploaded file is not too large nor too small:<\/p>\n<ul>\n<li>\n<p class=\"no-margin\">The recommended preview image size is <b>1200&times;630 PX<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">The maximum image file size is <b>15 MB<\/b><\/p>\n<\/li>\n<\/ul>\n<\/li>\n<li>\n<p class=\"no-margin\">The format of your file is supported: <b>.PNG<\/b>, <b>.JPG<\/b>, or <b>.JPEG<\/b><\/p>\n<\/li>\n<li>\n<p class=\"no-margin\">After making the changes, you&rsquo;ve <b><a href=\"\/support\/6435697-website-builder-updating-a-website\" target=\"_blank\" class=\"intercom-content-link\">updated the website<\/a><\/b><\/p>\n<\/li>\n<\/ul><p class=\"no-margin\">Lastly &ndash; and it&rsquo;s most often the best solution &ndash; <b>clear the cache<\/b> of the service where you&rsquo;re trying to share your website: <b><a href=\"\/support\/6575874-website-builder-outdated-titles-descriptions-and-preview-images-on-social-media-platforms\" target=\"_blank\" class=\"intercom-content-link\">Outdated titles, descriptions, and preview images on social media platforms<\/a><\/b><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Learn how to add and troubleshoot link preview images using Hostinger Website Builder<\/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":[283],"tags":[],"class_list":["post-874","post","type-post","status-publish","format-standard","hentry","category-seo-website-builder"],"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\/support\/wp-json\/wp\/v2\/posts\/874","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/users\/581"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/comments?post=874"}],"version-history":[{"count":1,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/874\/revisions"}],"predecessor-version":[{"id":3571,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/posts\/874\/revisions\/3571"}],"wp:attachment":[{"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/media?parent=874"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/categories?post=874"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostinger.com\/support\/wp-json\/wp\/v2\/tags?post=874"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}