{"id":288,"date":"2017-03-30T20:40:35","date_gmt":"2017-03-30T12:40:35","guid":{"rendered":"https:\/\/www.loftocean.com\/berry\/?p=288"},"modified":"2018-04-10T20:44:01","modified_gmt":"2018-04-10T12:44:01","slug":"set-custom-homepage-preview-image-title-and-descriptions-for-facebook","status":"publish","type":"post","link":"https:\/\/www.loftocean.com\/berry\/seo\/set-custom-homepage-preview-image-title-and-descriptions-for-facebook\/","title":{"rendered":"Set custom Homepage link preview for Facebook"},"content":{"rendered":"<p>WordPress has two options for your homepage: Your latest posts or a static page. When your site homepage is &#8220;Latest Posts&#8221;, you will need to set custom preview image, title and description for your home so it will look nice when sharing your homepage via Facebook.<\/p>\n<p>Please follow the steps below:<\/p>\n<ol>\n<li>Please make sure you have <strong>installed<\/strong> and <strong>activated<\/strong> the recommended plugin: <a href=\"https:\/\/wordpress.org\/plugins\/wordpress-seo\/\" target=\"_blank\" rel=\"noopener\">Yoast SEO<\/a>.<\/li>\n<li>\nOn your site admin panel, please go to <strong>SEO<\/strong> > <strong>Social<\/strong> > <strong>Enable &#8220;Add Open Graph meta data&#8221;<\/strong> > Find <strong>&#8220;Frontpage settings&#8221;<\/strong> > find the option <strong>&#8220;Image URL&#8221;<\/strong>, click on the button <strong>&#8220;Upload Image&#8221;<\/strong> to upload an image or choose one from media library. And you can enter custom title and description. Then scroll down the page and click on <strong>&#8220;Save changes&#8221;<\/strong> button.<br \/>\n<img fetchpriority=\"high\" decoding=\"async\" src=\"https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage.jpg\" alt=\"\" width=\"1800\" height=\"586\" class=\"aligncenter size-full wp-image-290\" srcset=\"https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage.jpg 1800w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-300x98.jpg 300w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-768x250.jpg 768w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-1024x333.jpg 1024w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-360x117.jpg 360w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-480x156.jpg 480w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-720x234.jpg 720w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-960x313.jpg 960w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-1440x469.jpg 1440w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/yoast-SEO-ogimage-1200x391.jpg 1200w\" sizes=\"(max-width: 1800px) 100vw, 1800px\" \/>\n<\/li>\n<li>Please <strong>clear image pre-cache on Facebook<\/strong> with the <a href=\"https:\/\/developers.facebook.com\/tools\/debug\/sharing\/\" target=\"_blank\" rel=\"noopener\">Sharing Debugger<\/a>. Run the URL through the URL debugger to pre-fetch metadata for the page.\n<p>Here is the screenshot of running Sharing Debugger for one demo site homepage. Enter the site link, click on <strong>&#8220;Debug&#8221;<\/strong> button, and you might need to click on the <strong>&#8220;Scrape Again&#8221;<\/strong> button after updating any content on your site. <\/p>\n<p><img decoding=\"async\" style=\"border:1px solid #E6E6E6;\" src=\"https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example.jpg\" alt=\"\" width=\"1800\" height=\"1015\" class=\"aligncenter size-full wp-image-292\" srcset=\"https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example.jpg 1800w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-300x169.jpg 300w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-768x433.jpg 768w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-1024x577.jpg 1024w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-360x203.jpg 360w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-480x271.jpg 480w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-720x406.jpg 720w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-960x541.jpg 960w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-1440x812.jpg 1440w, https:\/\/www.loftocean.com\/berry\/wp-content\/uploads\/sites\/5\/2018\/04\/sharing-debugger-example-1200x677.jpg 1200w\" sizes=\"(max-width: 1800px) 100vw, 1800px\" \/>\n<\/li>\n<\/ol>\n<p>You might like to read the tutorial about <a href=\"https:\/\/kb.yoast.com\/kb\/custom-open-graph-tags\/\" rel=\"noopener\" target=\"_blank\">&#8220;How to set custom Open Graph Tags&#8221;<\/a>.<\/p>\n<hr>\n<p><strong>Please note:<\/strong> please make sure all of the image on your site have been optimized &#8211; each image size should be smaller than 8MB. When sharing pages\/posts on Facebook, the images can only be up to 8MB in size.<\/p>\n<p>You might like to check this article <a href=\"https:\/\/developers.facebook.com\/docs\/sharing\/best-practices\/\" rel=\"noopener\" target=\"_blank\">&#8220;Sharing Best Practices for Websites &#038; Mobile APPs&#8221;<\/a> for more information.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>WordPress has two options for your homepage: Your latest posts or a static page. When your site homepage is &#8220;Latest Posts&#8221;, you will need to set custom preview image, title and description for your home so it will look nice when sharing your homepage via Facebook. Please follow the steps below: Please make sure you [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-288","post","type-post","status-publish","format-standard","hentry","category-seo"],"_links":{"self":[{"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/posts\/288","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/comments?post=288"}],"version-history":[{"count":5,"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/posts\/288\/revisions"}],"predecessor-version":[{"id":298,"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/posts\/288\/revisions\/298"}],"wp:attachment":[{"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/media?parent=288"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/categories?post=288"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.loftocean.com\/berry\/wp-json\/wp\/v2\/tags?post=288"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}