{"id":41378,"date":"2019-12-09T09:04:51","date_gmt":"2019-12-09T14:04:51","guid":{"rendered":"https:\/\/feastdesignco.com\/?p=41378"},"modified":"2024-12-21T09:29:17","modified_gmt":"2024-12-21T14:29:17","slug":"modern-homepage","status":"publish","type":"post","link":"https:\/\/feastdesignco.com\/modern-homepage\/","title":{"rendered":"Modern Homepage Setup"},"content":{"rendered":"\n<p>This is the setup tutorial for the <strong>Modern Homepage<\/strong>, which is available exclusively through the <a href=\"https:\/\/feastdesignco.com\/feast-plugin\/\">Feast Plugin<\/a>. <\/p>\n\n\n\n<p>The <strong>Modern Homepage<\/strong> replaces the theme homepage, greatly improving SEO, accessibility, and your ability to customize the homepage to suit your personal style.<\/p>\n\n\n\n<ul class=\"wp-block-list feastplugintldr feast-list\">\n<li>improves SEO with proper heading structure<\/li>\n\n\n\n<li>improves SEO with unique on-page content<\/li>\n\n\n\n<li>improves SEO with proper site structure support author E-A-T<\/li>\n\n\n\n<li>fixes key accessibility issues with all themes \"Featured Posts\" widgets<\/li>\n\n\n\n<li>provides additional styling options<\/li>\n<\/ul>\n\n\n\n<p>We have some companion pages to help understand what explains how the Modern Homepage is different from the theme homepage, but these are not necessary to implement it:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the <a href=\"https:\/\/feastdesignco.com\/modern-homepage-vs-theme-homepage\/\">modern homepage vs. theme homepage<\/a> details the differences between the modern homepage and theme homepage<\/li>\n\n\n\n<li>the <a href=\"https:\/\/feastdesignco.com\/rethinking-the-homepage\/\">rethinking the homepage<\/a> post outlines the issues we discovered with the theme homepage<\/li>\n\n\n\n<li>the <a href=\"https:\/\/feastdesignco.com\/modern-homepage-showcase\/\">modern homepage showcase<\/a> page shows some before-and-after results for sites that have made the switch<\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-feast-content-720px-wide is-resized\"><img decoding=\"async\" width=\"720\" height=\"143\" fetchpriority=\"high\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-29-720x143.png\" alt=\"\" class=\"wp-image-47849\" style=\"width:540px;height:107px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-29-720x143.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-29-360x72.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-29-180x36.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-29.png 844w\" sizes=\"(max-width: 720px) 100vw, 720px\" \/><figcaption class=\"wp-element-caption\"><a href=\"https:\/\/www.theredheadbaker.com\/\" target=\"_blank\" rel=\"noreferrer noopener\" aria-label=\"theredheadedbaker.com (opens in a new tab)\">theredheadedbaker.com<\/a><\/figcaption><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"728\" height=\"244\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-3.png\" alt=\"\" class=\"wp-image-68580\" style=\"width:546px;height:183px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-3.png 728w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-3-720x241.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-3-360x121.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-3-180x60.png 180w\" sizes=\"auto, (max-width: 728px) 100vw, 728px\" \/><\/figure>\n<\/div>\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"734\" height=\"214\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-2.png\" alt=\"\" class=\"wp-image-68578\" style=\"width:551px;height:161px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-2.png 734w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-2-720x210.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-2-360x105.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/04\/image-2-180x52.png 180w\" sizes=\"auto, (max-width: 734px) 100vw, 734px\" \/><\/figure>\n<\/div>\n\n\n<p>This tutorial makes use of two blocks from Feast:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>the <strong>Simple Recipe Index<\/strong> (FSRI) block, which  displays an image+title of your <strong>posts<\/strong><\/li>\n\n\n\n<li>the <strong>Simple Category Index<\/strong> (FSCI) block, which displays an image+title of your <strong>categories<\/strong>\n<ul class=\"wp-block-list\">\n<li>note that the FSCI block requires additional setup steps before using, and are an \"enhancement\" to the Modern Homepage<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<p>Follow the steps below to get the homepage setup: <\/p>\n\n\n[feast_advanced_jump_to]\n\n\n<h2 id=\"new-sites\"   class=\"wp-block-heading\" >New sites<\/h2>\n\n\n\n<p>For sites that have a low amount of content (less than 50 recipes): you can skip this entire tutorial and simply display your 50 most recent posts. <\/p>\n\n\n\n<p>Just insert an FSRI block and set the limit to 50:<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1836\" height=\"1228\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/07\/image-4.png\" alt=\"fsri block with a limit of 20 posts\" class=\"wp-image-53944\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/07\/image-4.png 1836w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/07\/image-4-1536x1027.png 1536w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/07\/image-4-720x482.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/07\/image-4-360x241.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/07\/image-4-180x120.png 180w\" sizes=\"auto, (max-width: 1836px) 100vw, 1836px\" \/><\/figure>\n\n\n\n<p>The full Modern Homepage setup will not benefit you until you have enough content to break into proper categories. Come back to this once you're getting traffic or feel like you need to rebuild the homepage.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/R01kKAjQrtk\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>See: <a href=\"https:\/\/feastdesignco.com\/how-to\/launch-your-food-blog\/\">how to launch your food blog<\/a>.<\/p>\n\n\n\n<h2 id=\"feast\"   class=\"wp-block-heading\" >Feast+<\/h2>\n\n\n\n<p>If you have <a href=\"\/feast-plus\/\">Feast+<\/a>, follow the <a href=\"https:\/\/feastdesignco.com\/feast-plus-members\/feast-using-blocks-patterns\/#homepage-setup\">Feast+ homepage tutorial<\/a> section instead.<\/p>\n\n\n\n<h2 id=\"1-create-the-page\"   class=\"wp-block-heading\" >1. Create the page<\/h2>\n\n\n\n<p>Navigate to the <strong>Feast Plugin &gt; Setup<\/strong> and simply click the button to create the Modern Homepage: <\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1113\" height=\"221\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2023\/03\/image-5.png\" alt=\"button to create the modern homepage\" class=\"wp-image-105731\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2023\/03\/image-5.png 1113w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2023\/03\/image-5-360x71.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2023\/03\/image-5-720x143.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2023\/03\/image-5-180x36.png 180w\" sizes=\"auto, (max-width: 1113px) 100vw, 1113px\" \/><\/figure>\n\n\n\n<h2 id=\"2-import-the-homepage-template\"   class=\"wp-block-heading\" >2. Import the homepage template<\/h2>\n\n\n\n<p>This step is now obsolete, after we updated step 1.<\/p>\n\n\n\n<h2 id=\"3-edit-the-page-title\"   class=\"wp-block-heading\" >3. Edit the page title<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"164\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-32.png\" alt=\"\" class=\"wp-image-46462\" style=\"width:540px;height:123px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-32.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-32-360x82.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-32-180x41.png 180w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<p>We recommend using a short, user-first description (similar to a \"tagline\") as the homepage h1. To do this, simply click on the post title and edit it.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/3rId3DjawaQ\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>See <a rel=\"noreferrer noopener\" href=\"https:\/\/support.google.com\/webmasters\/answer\/35624?hl=en\" target=\"_blank\">this guide on page titles from Google<\/a> for more information.<\/p>\n\n\n\n<p>We've had feedback from people saying that they don't like the page title appearing, but this is absolutely critical to have for SEO and accessibility compliance. A <span style=\"text-decoration: underline;\">single<\/span> <em>page-specific<\/em> h1 is <strong>required<\/strong> for every page on your site, full stop.<\/p>\n\n\n\n<p>Hiding the title is technically possible, but not an option we recommend or support.<\/p>\n\n\n\n<h2 id=\"4-edit-the-intro\"   class=\"wp-block-heading\" >4. Edit the intro<\/h2>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"158\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-33.png\" alt=\"\" class=\"wp-image-46463\" style=\"width:540px;height:119px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-33.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-33-360x79.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-33-180x40.png 180w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<p>Following the site tagline, you should have a 2-3 sentence intro that explains what types of recipes you specialize in and what people love about your site.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/wv3tMOAnUN8\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>See the <a href=\"https:\/\/yoast.com\/homepage-optimization\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yoast Homepage Optimization<\/a> post for additional tips.<\/p>\n\n\n\n<p>There should be enough content above the fold to force the first set of images below the fold, so that they lazyload, for pagespeed purposes.<\/p>\n\n\n\n<h2 id=\"5-trending-recipes\"   class=\"wp-block-heading\" >5. Trending recipes<\/h2>\n\n\n\n<p>Linking to your top-trafficked posts reinforces their importance to Google, helping them rank, using the FSRI block.<\/p>\n\n\n\n<p>Use this tutorial on finding your top 8 trending recipes and insert them into the \"ID\" section of the FSRI block.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/nRGA6-J0vPE\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>The post ID can be found in the admin bar on the individual post when visiting that page: <\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1046\" height=\"40\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/08\/image-10.png\" alt=\"post id shown in the admin navbar\" class=\"wp-image-55994\" style=\"width:720px;height:27px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/08\/image-10.png 1046w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/08\/image-10-720x28.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/08\/image-10-360x14.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/08\/image-10-180x7.png 180w\" sizes=\"auto, (max-width: 1046px) 100vw, 1046px\" \/><figcaption class=\"wp-element-caption\">requires the Feast Plugin<\/figcaption><\/figure>\n\n\n\n<p>We <strong>do not recommend using a \"trending\" category<\/strong> to manage this, because that requires editing the posts that rank well to add\/remove them from the category, and editing a post can (but not always) cause a recrawl and ranking loss.<\/p>\n\n\n\n<h2 id=\"6-search\"   class=\"wp-block-heading\" >6. Search<\/h2>\n\n\n\n<p>The search block is included with the Modern Homepage template and requires no action. Styling included in the Modern Homepage removes the heading and button, and this is perfectly fine for SEO and accessibility.<\/p>\n\n\n\n<h2 id=\"7-edit-category-1\"   class=\"wp-block-heading\" >7. Edit category #1<\/h2>\n\n\n\n<p>Update the heading, description and FSRI block, and category link to point to the first category you want to feature.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/nzF2p8fv0XQ\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>The category link below the FSRI block should point to your actual category - to find this, you'll want to navigate to the category normally, or find it in the admin, and copy+paste the link.<\/p>\n\n\n\n<h2 id=\"8-edit-category-2\"   class=\"wp-block-heading\" >8. Edit category #2<\/h2>\n\n\n\n<p>Update the heading, description and FSRI block, and category link to point to the second category you want to feature.<\/p>\n\n\n\n<h2 id=\"9-edit-the-user-profile-block\"   class=\"wp-block-heading\" >9. Edit the user profile block<\/h2>\n\n\n\n<p>The about section uses the <a href=\"https:\/\/feastdesignco.com\/user-profile-block\/\">User Profile Block<\/a>.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/XyeDscVENl0\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Be sure to change the image (1000x1000, or at least square), heading, description and link.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-feast-content-720px-wide is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"405\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/06\/image-9-720x405.png\" alt=\"\" class=\"wp-image-52551\" style=\"width:540px;height:304px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/06\/image-9-720x405.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/06\/image-9-360x203.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/06\/image-9-180x101.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/06\/image-9.png 1184w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<h2 id=\"10-add-another-category\"   class=\"wp-block-heading\" >10. Add another category<\/h2>\n\n\n\n<p>Remove the paragraph below the user profile block and practice inserting your own heading, paragraph, FSRI block and paragraph with category link below the user profile block.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/EDgJzYKg2pU\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<h2 id=\"11-recent-recipes\"   class=\"wp-block-heading\" >11. Recent recipes<\/h2>\n\n\n\n<p>For sites with high volumes of social media or email subscribers, the \"recent recipes\" section can be moved up higher on the page. This is because returning users may be landing on the homepage looking for the newest recipes<\/p>\n\n\n\n<div class=\"wp-block-group is-style-group-lightbulb\"><div class=\"wp-block-group__inner-container is-layout-flow wp-block-group-is-layout-flow\">\n<p>Broadly speaking, <strong>nobody visits your site to see your recent recipes<\/strong> and putting this at the top of the homepage is a mistake. We recommend all sites include this, and <strong>leave it at the bottom<\/strong>.<\/p>\n<\/div><\/div>\n\n\n\n<p>For sites that are primarily search engine and Pinterest driven, <span style=\"text-decoration: underline;\">your recent recipes generally aren't the most relevant or timely content<\/span>, and this section should stay at the bottom.<\/p>\n\n\n\n<p>The FSRI block in the \"Recent recipes\" section displays posts using the <strong>Order by: date<\/strong> to show recently published posts. As with all FSRI blocks, it will <strong>not show previously displayed posts<\/strong>. This is intentional, and this is the correct behavior.<\/p>\n\n\n\n<p>Nothing needs to be done in this section.<\/p>\n\n\n\n<p>Displaying \"recent recipes\" is scraping the bottom of the barrel in terms of SEO and user experience - <strong>it's only important if<\/strong> <strong>you've screwed everything else up on your website<\/strong> which isn't the case if you have the Modern Homepage.<\/p>\n\n\n\n<h2 id=\"12-recently-updated\"   class=\"wp-block-heading\" >12. Recently updated<\/h2>\n\n\n\n<p>Having a \"recently updated\" section on your homepage helps to give those updated posts a little search engine boost, so that content can be recrawled and pushed up in search rankings.<\/p>\n\n\n\n<p>This section selects posts by with the <strong>Order by<\/strong> set to <strong>modified date<\/strong>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-feast-content-720px-wide\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"422\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/01\/image-720x422.png\" alt=\"recently updated FSRI block settings\" class=\"wp-image-62330\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/01\/image-720x422.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/01\/image-1536x900.png 1536w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/01\/image-360x211.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/01\/image-180x106.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/01\/image.png 1556w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n\n\n\n<p>The FSRI block in the \"Recent recipes\" section displays posts using the <strong>Order by: modified<\/strong> to show recently modified posts. As with all FSRI blocks, it will <strong>not show previously displayed posts<\/strong>.<\/p>\n\n\n\n<p>Nothing needs to be done in this section.<\/p>\n\n\n\n<h2 id=\"13-set-your-featured-image\"   class=\"wp-block-heading\" >13. Set your featured image<\/h2>\n\n\n\n<p>We recommend setting the featured image for this page as your logo at 1200x1200 resolution. This gets pulled for the featured image by social networks like Facebook when you share your homepage. See: <a href=\"https:\/\/feastdesignco.com\/image-optimization\/#facebook\">image optimization for Facebook<\/a>.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/iI-d_JgM7FM\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Follow this tutorial to <a href=\"https:\/\/feastdesignco.com\/fsri-shortcode\/#set-the-default-image-size\">set your default featured image<\/a>.<\/p>\n\n\n\n<h2 id=\"14-disable-social-widgets\"   class=\"wp-block-heading\" >14. Disable social widgets<\/h2>\n\n\n\n<p>You don't need people sharing the homepage, and social widgets can slow page rendering.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/3Ft8YK6jbwI\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>If running Hubbub (Formerly Grow \/ Social Pug), scroll to the bottom of the block editor and disable it in their settings.<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-feast-content-720px-wide is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"147\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-17-720x147.png\" alt=\"Hide buttons for all social pug area, don't show any\" class=\"wp-image-46257\" style=\"width:540px;height:110px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-17-720x147.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-17-360x74.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-17-180x37.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-17.png 1234w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<h2 id=\"15-disable-comments\"   class=\"wp-block-heading\" >15. Disable comments<\/h2>\n\n\n\n<p>You shouldn't need people commenting on the homepage.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/t4-pypjssHU\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-feast-content-360px-wide is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"151\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-17-360x151.png\" alt=\"\" class=\"wp-image-47171\" style=\"width:270px;height:113px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-17-360x151.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-17-180x76.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-17.png 490w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><figcaption class=\"wp-element-caption\">This is found in the right-side bar of the block editor<\/figcaption><\/figure>\n<\/div>\n\n\n<h2 id=\"16-yoast-settings\"   class=\"wp-block-heading\" >16. Yoast settings<\/h2>\n\n\n\n<p>Configure the Yoast meta boxes at the bottom of the page using: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>your site tagline as the <strong>SEO title<\/strong><\/li>\n\n\n\n<li>your homepage intro as the <strong>Meta description<\/strong><\/li>\n<\/ul>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/EPiuoanH4WE\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Once done, this will look similar to: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-feast-content-720px-wide is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"752\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-5-720x752.png\" alt=\"Yoast configurations in the block editor\" class=\"wp-image-46894\" style=\"width:540px;height:564px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-5-720x752.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-5-360x376.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-5-180x188.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/image-5.png 1108w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<ul class=\"wp-block-list\">\n<li><a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/yoast.com\/meta-descriptions\/\" target=\"_blank\" rel=\"noreferrer noopener\">Yoast guide on writing a Meta description<\/a><\/li>\n\n\n\n<li><a aria-label=\"undefined (opens in a new tab)\" href=\"https:\/\/moz.com\/learn\/seo\/title-tag\" target=\"_blank\" rel=\"noreferrer noopener\">MOZ guide to writing SEO page titles<\/a><\/li>\n<\/ul>\n\n\n\n<h2 id=\"17-full-width-modern-homepage\"   class=\"wp-block-heading\" >17. Full width Modern Homepage<\/h2>\n\n\n\n<p>Our recommendations for all homepages - on all sites - without exception, is to use a full width layout.<\/p>\n\n\n\n<p>This is because our setup incorporates the <strong>same content from the sidebar<\/strong> into the actual home page content.<\/p>\n\n\n\n<p>Google (and readers) consider the main content section to be more authoritative than sidebar content. For more information, see the <a href=\"https:\/\/feastdesignco.com\/page-structure\/\">page structure document<\/a>.<\/p>\n\n\n\n<p>Sidebars are \"boilerplate\" content that provide weaker signals than content that you place <strong>in the actual page content<\/strong>. Putting your author bio, trending recipes, and seasonal recipes into the actual content <span style=\"text-decoration: underline;\">on the homepage<\/span> <strong>is far superior than having it in the sidebar<\/strong>.<\/p>\n\n\n\n<p>To do this, enable the \"Full Width\" setting for the Modern Homepage: <\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"432\" height=\"176\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/02\/image-7.png\" alt=\"\" class=\"wp-image-64724\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/02\/image-7.png 432w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/02\/image-7-360x147.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2021\/02\/image-7-180x73.png 180w\" sizes=\"auto, (max-width: 432px) 100vw, 432px\" \/><\/figure>\n<\/div>\n\n\n<p>Video tutorial: <\/p>\n\n\n\n<center><iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/Y2_tKZYOPX0\" title=\"YouTube video player\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe><\/center>\n\n\n\n<p>It also enables the use of the <a href=\"https:\/\/feastdesignco.com\/fsri-block\/#full-width-container\">full-width FSRI option<\/a>.<\/p>\n\n\n\n<p>Note that disabling the sidebar on the homepage does NOT disable the sidebar site-wide. The sidebar should be on ALL OTHER PAGES on your website because it contains important site-wide internal signals.<\/p>\n\n\n\n<h2 id=\"sidebar\"   class=\"wp-block-heading\" >Sidebar<\/h2>\n\n\n\n<p>This is important and people tend to miss it, so it's worth repeating.<\/p>\n\n\n\n<p>We don't recommend having the sidebar on the homepage and that you follow the instructions in #17 to remove it.<\/p>\n\n\n\n<p>The reason for this is simple: <\/p>\n\n\n\n<div class=\"wp-block-group is-style-group-asterisk\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>your about profile and trending recipes are <strong>main content<\/strong> of the website and main content must be in the content<\/p>\n<\/div><\/div>\n\n\n\n<p>Sidebars are for <strong>accessory content<\/strong>. On every other page on your website (except the about page), your author bio and trending recipes are accessory content. The main content of all other pages are your recipes.<\/p>\n\n\n\n<p>Removing it from the homepage does not remove it from the rest of the website.<\/p>\n\n\n\n<h2 id=\"18-set-the-homepage-live\"   class=\"wp-block-heading\" >18. Set the homepage live<\/h2>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube.com\/embed\/2Ro8x0yb_D4\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Once you're happy with the homepage, you can set the visibility to public:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"194\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-44-360x194.png\" alt=\"Wordpress page set to public\" class=\"wp-image-46494\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-44-360x194.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-44-180x97.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-44.png 598w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/figure>\n<\/div>\n\n\n<p>Then go to&nbsp;<strong>Admin &gt; Settings &gt; Reading<\/strong>&nbsp;and set the&nbsp;<strong>Your homepage displays<\/strong>&nbsp;to&nbsp;<strong>a static page<\/strong>&nbsp;and choose the name of your homepage (site tagline)<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"176\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-45-720x176.png\" alt=\"Wordpress homepage setting\" class=\"wp-image-46495\" style=\"width:540px;height:132px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-45-720x176.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-45-360x88.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-45-180x44.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-45.png 914w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<p>Finally, go to&nbsp;<strong>Appearances &gt; Widgets<\/strong>&nbsp;and remove any widgets from the following widget areas: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>&nbsp;<strong>Homepage: Above<\/strong><\/li>\n\n\n\n<li><strong>Homepage: Middle<\/strong>&nbsp;<\/li>\n\n\n\n<li><strong>Homepage: Bottom<\/strong><\/li>\n<\/ul>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><img loading=\"lazy\" decoding=\"async\" width=\"360\" height=\"345\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-46-360x345.png\" alt=\"\" class=\"wp-image-46499\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-46-360x345.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-46-720x691.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-46-180x173.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-46.png 738w\" sizes=\"auto, (max-width: 360px) 100vw, 360px\" \/><\/figure>\n<\/div>\n\n\n<p>Your homepage should then be live:<\/p>\n\n\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"720\" height=\"1078\" src=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-48-720x1078.png\" alt=\"\" class=\"wp-image-46509\" style=\"width:540px;height:809px\" srcset=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-48-720x1078.png 720w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-48-1026x1536.png 1026w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-48-360x539.png 360w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-48-180x270.png 180w, https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/03\/image-48.png 1174w\" sizes=\"auto, (max-width: 720px) 100vw, 720px\" \/><\/figure>\n<\/div>\n\n\n<p><strong>Note<\/strong>: after setting the homepage live,&nbsp;<strong>do not set it back to private<\/strong>. It needs to remain public.<\/p>\n\n\n\n<h2 id=\"enhancement-link-to-your-categories\"   class=\"wp-block-heading\" >Enhancement: Link to your categories<\/h2>\n\n\n\n<p>We recommend inserting the Simple Category Index (FSCI) block below the \"Trending Recipes\" section.<\/p>\n\n\n\n<iframe loading=\"lazy\" width=\"560\" height=\"315\" src=\"https:\/\/www.youtube-nocookie.com\/embed\/wVujsEyal8k\" frameborder=\"0\" allow=\"accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen=\"\"><\/iframe>\n\n\n\n<p>Link to your top 4-8 categories to give an internal link boost to them, and the posts they contain.<\/p>\n\n\n\n<p>For more than 8 categories, we recommend converting the theme's recipe index to the <a href=\"https:\/\/feastdesignco.com\/modern-recipe-index\/\">Modern Recipe Index<\/a>.<\/p>\n\n\n\n<h2 id=\"enhancement-default-thumbnail-size\"   class=\"wp-block-heading\" >Enhancement: default thumbnail size<\/h2>\n\n\n\n<p>We recommend setting the default thumbnail size in the Feast Plugin by following the <a href=\"https:\/\/feastdesignco.com\/fsri-block\/#irregular-image-sizes\">FSRI Block troubleshooting tutorial<\/a>.<\/p>\n\n\n\n<h2 id=\"troubleshooting\"   class=\"wp-block-heading\" >Troubleshooting<\/h2>\n\n\n\n<p>If you're having issues with the thumbnails (or they're missing), see the <a href=\"https:\/\/feastdesignco.com\/fsri-block\/#irregular-image-sizes\">FSRI Block troubleshooting tutorial<\/a>.<\/p>\n\n\n\n<h2 id=\"things-you-should-know\"   class=\"wp-block-heading\" >Things you should know<\/h2>\n\n\n\n<p>The Modern Homepage is designed with based on best practices we've seen from high performing sites. <\/p>\n\n\n\n<p>We moved the homepage to the block editor because of the amount of customization you can make to it, which is a good thing, but can also be bad if you don't know what you're doing.<\/p>\n\n\n\n<p>Here's the principles behind the homepage:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>your homepage is the most important page on your site for internal linking and is the basis for your <a href=\"https:\/\/feastdesignco.com\/food-blog-site-structure\/\">site structure<\/a><\/li>\n\n\n\n<li>content and links at the <span style=\"text-decoration: underline;\">top of the page<\/span> have what is known as \"prominence\", which means that users and search engines believe it's the most important - keep your site's introduction and <strong>trending\/top posts at the top<\/strong><\/li>\n\n\n\n<li>posts that are shown on the homepage get extra \"link juice\" and will rank better than posts not on the homepage<\/li>\n\n\n\n<li>do not overstuff your homepage by trying to fit everything on it - we recommend keeping it less than 60 links to posts and categories\n<ul class=\"wp-block-list\">\n<li>having too much on the homepage can cause a \"too many DOM nodes\" issue in pagespeed insights and will cause pagespeed issues<\/li>\n<\/ul>\n<\/li>\n\n\n\n<li>to reinforce your site structure, we recommend converting the theme's recipe index to the <a href=\"https:\/\/feastdesignco.com\/modern-recipe-index\/\">Modern Recipe Index<\/a><\/li>\n\n\n\n<li>the <strong>headings<\/strong> on the Modern Homepage are important, as they <a href=\"https:\/\/feastdesignco.com\/accessibility\/#navigate-by-headings\">provide landmarks for screen readers to navigate<\/a>, and are important for search engines, see the <a href=\"https:\/\/feastdesignco.com\/modern-guidelines-for-page-headings\/\">Modern Guidelines for Page Headings<\/a><\/li>\n\n\n\n<li>the unique content in the paragraphs provide context for your readers, and additional information about your site to search engines, and are important to include<\/li>\n\n\n\n<li>By default, it will&nbsp;<strong>exclude previously displayed<\/strong>&nbsp;- we recommend leaving this enabled to avoid repetitive internal links<\/li>\n\n\n\n<li>This means that a post may not show up where you expect it to, if it shows up earlier on the page and&nbsp;<strong>this is fine<\/strong>\n<ul class=\"wp-block-list\">\n<li>your \"recent posts\"&nbsp;<strong>is not the most important part of your page<\/strong><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n<h2 id=\"unique-content\"   class=\"wp-block-heading\" >Unique content<\/h2>\n\n\n\n<p>We've had enough questions about the site title + intro paragraphs that this bears repeating: <strong>it's necessary<\/strong>.<\/p>\n\n\n\n<p>Some people feels this \"detracts\" from the homepage or that it's too much of a change, and unfortunately that's simply not important. <\/p>\n\n\n\n<p>Your homepage is possibly <strong>the most important page on your site<\/strong>, and the content there tells Google (and site visitors) what the entire content of your website is about. <\/p>\n\n\n\n<p>Not having any unique content, or not having enough, is a problem.<\/p>\n\n\n\n<div class=\"wp-block-group is-style-group-star\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<p>This is very simple: <\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>The page title (h1) should be your Yoast page title<\/li>\n\n\n\n<li>The intro paragraph should be your Yoast page description<\/li>\n\n\n\n<li>The 1-2 sentence sentence explanation for each category displayed with FSRI blocks should explain why this lives on your page and the idea behind the category<\/li>\n\n\n\n<li>Imagine a blind person has landed on your site and the only information they're aware of, is what is in the page content (no headers, no sidebar, no footer, no images) - do they understand what your site is about?<\/li>\n<\/ul>\n<\/div><\/div>\n\n\n\n<p>You want to at least mention the keywords your site\/categories\/posts rank for, but <strong>don't try to optimize this page at all<\/strong>. That's not the purpose here. <\/p>\n\n\n\n<p>Focus on providing context, and a little teaser for your readers to dive deeper into the site.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This is the setup tutorial for the Modern Homepage, which is available exclusively through the Feast Plugin. The Modern Homepage replaces the theme homepage, greatly improving SEO, accessibility, and your ability to customize the homepage to suit your personal style. We have some companion pages to help understand what explains how the Modern Homepage is...<\/p>\n","protected":false},"author":1827,"featured_media":46431,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_kad_blocks_custom_css":"","_kad_blocks_head_custom_js":"","_kad_blocks_body_custom_js":"","_kad_blocks_footer_custom_js":"","_kad_post_transparent":"","_kad_post_title":"","_kad_post_layout":"","_kad_post_sidebar_id":"","_kad_post_content_style":"","_kad_post_vertical_padding":"","_kad_post_feature":"","_kad_post_feature_position":"","_kad_post_header":false,"_kad_post_footer":false,"_kad_post_classname":"","footnotes":""},"categories":[91,6220],"tags":[],"class_list":["post-41378","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-design-and-appearance","category-seo"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v23.3 (Yoast SEO v27.3) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Modern Homepage Setup - Feast Design Co.<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/feastdesignco.com\/modern-homepage\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modern Homepage Setup\" \/>\n<meta property=\"og:description\" content=\"This is the setup tutorial for the Modern Homepage, which is available exclusively through the Feast Plugin. The Modern Homepage replaces the theme homepage, greatly improving SEO, accessibility, and your ability to customize the homepage to suit your personal style. We have some companion pages to help understand what explains how the Modern Homepage is...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/feastdesignco.com\/modern-homepage\/\" \/>\n<meta property=\"og:site_name\" content=\"Feast Design Co.\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/feastdesignco\/\" \/>\n<meta property=\"article:published_time\" content=\"2019-12-09T14:04:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2024-12-21T14:29:17+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1142\" \/>\n\t<meta property=\"og:image:height\" content=\"1740\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Skylar\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Skylar\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"14 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/\"},\"author\":{\"name\":\"Skylar\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\"},\"headline\":\"Modern Homepage Setup\",\"datePublished\":\"2019-12-09T14:04:51+00:00\",\"dateModified\":\"2024-12-21T14:29:17+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/\"},\"wordCount\":2248,\"commentCount\":32,\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/feast-modern-homepage.jpg\",\"articleSection\":[\"Food Blog Design and Appearance\",\"SEO\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/\",\"name\":\"Modern Homepage Setup - Feast Design Co.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/feast-modern-homepage.jpg\",\"datePublished\":\"2019-12-09T14:04:51+00:00\",\"dateModified\":\"2024-12-21T14:29:17+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#primaryimage\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/feast-modern-homepage.jpg\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2019\\\/12\\\/feast-modern-homepage.jpg\",\"width\":1142,\"height\":1740},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/modern-homepage\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"SEO\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/category\\\/seo\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Modern Homepage Setup\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"name\":\"Feast Design Co.\",\"description\":\"WordPress Themes for Food &amp; Lifestyle Bloggers\",\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/feastdesignco.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\",\"name\":\"Feast Design Co.\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/feast_script.jpg\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2016\\\/10\\\/feast_script.jpg\",\"width\":800,\"height\":800,\"caption\":\"Feast Design Co.\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/feastdesignco\\\/\",\"https:\\\/\\\/x.com\\\/feastdesignco\",\"https:\\\/\\\/www.instagram.com\\\/feastdesignco\\\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\",\"name\":\"Skylar\",\"sameAs\":[\"https:\\\/\\\/feastdesignco.com\\\/about-skylar-bowker\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Modern Homepage Setup - Feast Design Co.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/feastdesignco.com\/modern-homepage\/","og_locale":"en_US","og_type":"article","og_title":"Modern Homepage Setup","og_description":"This is the setup tutorial for the Modern Homepage, which is available exclusively through the Feast Plugin. The Modern Homepage replaces the theme homepage, greatly improving SEO, accessibility, and your ability to customize the homepage to suit your personal style. We have some companion pages to help understand what explains how the Modern Homepage is...","og_url":"https:\/\/feastdesignco.com\/modern-homepage\/","og_site_name":"Feast Design Co.","article_publisher":"https:\/\/www.facebook.com\/feastdesignco\/","article_published_time":"2019-12-09T14:04:51+00:00","article_modified_time":"2024-12-21T14:29:17+00:00","og_image":[{"width":1142,"height":1740,"url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage.jpg","type":"image\/jpeg"}],"author":"Skylar","twitter_misc":{"Written by":"Skylar","Est. reading time":"14 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/feastdesignco.com\/modern-homepage\/#article","isPartOf":{"@id":"https:\/\/feastdesignco.com\/modern-homepage\/"},"author":{"name":"Skylar","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098"},"headline":"Modern Homepage Setup","datePublished":"2019-12-09T14:04:51+00:00","dateModified":"2024-12-21T14:29:17+00:00","mainEntityOfPage":{"@id":"https:\/\/feastdesignco.com\/modern-homepage\/"},"wordCount":2248,"commentCount":32,"publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"image":{"@id":"https:\/\/feastdesignco.com\/modern-homepage\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage.jpg","articleSection":["Food Blog Design and Appearance","SEO"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/feastdesignco.com\/modern-homepage\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/feastdesignco.com\/modern-homepage\/","url":"https:\/\/feastdesignco.com\/modern-homepage\/","name":"Modern Homepage Setup - Feast Design Co.","isPartOf":{"@id":"https:\/\/feastdesignco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/feastdesignco.com\/modern-homepage\/#primaryimage"},"image":{"@id":"https:\/\/feastdesignco.com\/modern-homepage\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage.jpg","datePublished":"2019-12-09T14:04:51+00:00","dateModified":"2024-12-21T14:29:17+00:00","breadcrumb":{"@id":"https:\/\/feastdesignco.com\/modern-homepage\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/feastdesignco.com\/modern-homepage\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/modern-homepage\/#primaryimage","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage.jpg","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage.jpg","width":1142,"height":1740},{"@type":"BreadcrumbList","@id":"https:\/\/feastdesignco.com\/modern-homepage\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/feastdesignco.com\/"},{"@type":"ListItem","position":2,"name":"SEO","item":"https:\/\/feastdesignco.com\/category\/seo\/"},{"@type":"ListItem","position":3,"name":"Modern Homepage Setup"}]},{"@type":"WebSite","@id":"https:\/\/feastdesignco.com\/#website","url":"https:\/\/feastdesignco.com\/","name":"Feast Design Co.","description":"WordPress Themes for Food &amp; Lifestyle Bloggers","publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/feastdesignco.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/feastdesignco.com\/#organization","name":"Feast Design Co.","url":"https:\/\/feastdesignco.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/#\/schema\/logo\/image\/","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2016\/10\/feast_script.jpg","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2016\/10\/feast_script.jpg","width":800,"height":800,"caption":"Feast Design Co."},"image":{"@id":"https:\/\/feastdesignco.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/feastdesignco\/","https:\/\/x.com\/feastdesignco","https:\/\/www.instagram.com\/feastdesignco\/"]},{"@type":"Person","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098","name":"Skylar","sameAs":["https:\/\/feastdesignco.com\/about-skylar-bowker"]}]}},"taxonomy_info":{"category":[{"value":91,"label":"Food Blog Design and Appearance"},{"value":6220,"label":"SEO"}]},"featured_image_src_large":["https:\/\/feastdesignco.com\/wp-content\/uploads\/2019\/12\/feast-modern-homepage-720x1097.jpg",720,1097,true],"author_info":{"display_name":"Skylar","author_link":"https:\/\/feastdesignco.com\/author\/skylar\/"},"comment_info":32,"category_info":[{"term_id":91,"name":"Food Blog Design and Appearance","slug":"design-and-appearance","term_group":0,"term_taxonomy_id":91,"taxonomy":"category","description":"","parent":0,"count":51,"filter":"raw","cat_ID":91,"category_count":51,"category_description":"","cat_name":"Food Blog Design and Appearance","category_nicename":"design-and-appearance","category_parent":0},{"term_id":6220,"name":"SEO","slug":"seo","term_group":0,"term_taxonomy_id":6220,"taxonomy":"category","description":"","parent":0,"count":15,"filter":"raw","cat_ID":6220,"category_count":15,"category_description":"","cat_name":"SEO","category_nicename":"seo","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/41378","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/users\/1827"}],"replies":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/comments?post=41378"}],"version-history":[{"count":0,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/41378\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media\/46431"}],"wp:attachment":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media?parent=41378"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/categories?post=41378"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/tags?post=41378"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}