{"id":47933,"date":"2020-04-14T08:32:35","date_gmt":"2020-04-14T12:32:35","guid":{"rendered":"https:\/\/feastdesignco.com\/?p=47933"},"modified":"2020-10-05T07:18:23","modified_gmt":"2020-10-05T11:18:23","slug":"page-structure","status":"publish","type":"post","link":"https:\/\/feastdesignco.com\/page-structure\/","title":{"rendered":"Food Blog Page Structure"},"content":{"rendered":"\n

On a very basic level, the pages on your site are broken into 4 major sections, each with different purposes:<\/p>\n\n\n\n

\n
\n
  1. header (orange)<\/li>
  2. content (blue)<\/li>
  3. sidebar (green)<\/li>
  4. footer (red)<\/li><\/ol>\n<\/div>\n\n\n\n
    \n
    \"\"<\/figure>\n<\/div>\n<\/div>\n\n\n\n
    \n
    \n

    By contrast, the mobile site layout is a single continuous piece of content, with no distinction between the header, content, sidebar and footer.<\/p>\n\n\n\n

    <\/p>\n<\/div>\n\n\n\n

    \n
    \"\"
    Note: page content cut short to save space<\/figcaption><\/figure><\/div>\n<\/div>\n<\/div>\n\n\n\n

    The Modern Mobile Menu<\/a> is designed to replace the theme header site-wide.<\/p>\n\n\n\n

    The Modern Homepage<\/a> is designed to replace the theme homepage's content section.<\/p>\n\n\n\n

    While not yet released (spoiler alert), the Modern Footer and Modern Sidebar will replace the theme's implementation of the sidebar and footer, with more comprehensive guidelines and best practices. This is months away, so don't worry about it right now.<\/p>\n\n\n[feast_advanced_jump_to]\n\n\n

    Site structure<\/h2>\n\n\n\n

    When we talk about \"site structure\", we're talking about something else. The site structure is a concept that applies to \"information architecture\" and what purpose each page plays.<\/p>\n\n\n\n

    See: site structure for food blogs<\/a><\/p>\n\n\n\n

    \"\"
    Sample site structure by trythisrecipe.com<\/figcaption><\/figure>\n\n\n\n

    Each \"level\" in the site structure (homepage > categories > posts) replaces the main<\/strong> content (blue)<\/strong> section of the page structure<\/strong>. The main content is primarily how search engines decide what the page is about.<\/p>\n\n\n\n

    The supplement content (header, sidebar, footer)<\/strong> provide clues to search engines about what topics the site is about, as a whole.<\/p>\n\n\n\n

    Main content vs supplemental content<\/h2>\n\n\n\n

    The recipe page guidelines post<\/a> provides a mental framework for page structure, taken directly from Google's Quality Rater Guidelines.<\/p>\n\n\n\n

    Search engines attempt to match individual pages<\/strong> (main content in blue) for specific queries<\/strong>.<\/p>\n\n\n\n

    The supplemental content provides clues as to what you believe is important to your readers, and should be more or less consistent across the entire site.<\/p>\n\n\n\n

    Important: comments<\/h2>\n\n\n\n

    A special note to make here is that comments are considered part of your main content by Google<\/strong>. <\/p>\n\n\n\n

    While not shown in the screenshots above, they're very important.<\/p>\n\n\n\n

    Advanced<\/h2>\n\n\n\n

    From a technical perspective, the 4 major sections (header, content, sidebar, footer) can get far more complex and granular, each with different sub-sections and an expected layout. This may be covered in a separate article later.<\/p>\n\n\n\n

    Header<\/h2>\n\n\n\n

    Visitors expect to find the primary navigation in the header of the website. This includes:<\/p>\n\n\n\n

    • Branding (logo) linked to the homepage<\/li>
    • Links to page most relevant pages on the site<\/li>
    • Phone number (if applicable)<\/li><\/ul>\n\n\n\n

      Do not link to your homepage from the primary navigation. Do not link to your privacy policy or terms of use from the primary navigation. <\/p>\n\n\n\n

      Do not use a secondary navigation menu.<\/p>\n\n\n\n

      Sidebar<\/h2>\n\n\n\n

      The job of the sidebar is to provide content that supports the actual Main Content of the page. In here, you'll want to <\/p>\n\n\n\n

      • About \/ User profile<\/li>
      • Trending posts (6-8)<\/li>
      • Newsletter signup<\/li><\/ul>\n\n\n\n

        Even though roughly 80% of pageviews are on mobile and the sidebar essentially becomes a \"footer\", these are still important to have in place.<\/p>\n\n\n\n

        Footer<\/h2>\n\n\n\n

        The footer is where most of the \"corporate\" and general administrator stuff goes, such as:<\/p>\n\n\n\n

        • Contact (either link to page, email, or address if applicable)<\/li>
        • Privacy policy<\/li>
        • Ads \/ Affiliate disclaimer<\/li>
        • ADA resources<\/li>
        • Call to action (newsletter signup, services)<\/li><\/ul>\n\n\n\n

          We've heard comments from brands looking to work with bloggers that \"if I can't find the contact information in 2 seconds, I move on\".<\/p>\n\n\n\n

          Do not use the footer for internal linking purposes.<\/p>\n","protected":false},"excerpt":{"rendered":"

          On a very basic level, the pages on your site are broken into 4 major sections, each with different purposes: header (orange) content (blue) sidebar (green) footer (red) By contrast, the mobile site layout is a single continuous piece of content, with no distinction between the header, content, sidebar and footer. The Modern Mobile Menu...<\/p>\n","protected":false},"author":1827,"featured_media":47934,"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":[5024],"tags":[],"class_list":["post-47933","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-tutorials"],"yoast_head":"\nFood Blog Page Structure - 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\/page-structure\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Food Blog Page Structure\" \/>\n<meta property=\"og:description\" content=\"On a very basic level, the pages on your site are broken into 4 major sections, each with different purposes: header (orange) content (blue) sidebar (green) footer (red) By contrast, the mobile site layout is a single continuous piece of content, with no distinction between the header, content, sidebar and footer. The Modern Mobile Menu...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/feastdesignco.com\/page-structure\/\" \/>\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=\"2020-04-14T12:32:35+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-10-05T11:18:23+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"960\" \/>\n\t<meta property=\"og:image:height\" content=\"1472\" \/>\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=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/\"},\"author\":{\"name\":\"Skylar\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#\\\/schema\\\/person\\\/28edb20a81f10b62443c21ec80186098\"},\"headline\":\"Food Blog Page Structure\",\"datePublished\":\"2020-04-14T12:32:35+00:00\",\"dateModified\":\"2020-10-05T11:18:23+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/\"},\"wordCount\":556,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/food-blog-page-structure.jpg\",\"articleSection\":[\"Tutorials\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/\",\"name\":\"Food Blog Page Structure - Feast Design Co.\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/food-blog-page-structure.jpg\",\"datePublished\":\"2020-04-14T12:32:35+00:00\",\"dateModified\":\"2020-10-05T11:18:23+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#primaryimage\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/food-blog-page-structure.jpg\",\"contentUrl\":\"https:\\\/\\\/feastdesignco.com\\\/wp-content\\\/uploads\\\/2020\\\/04\\\/food-blog-page-structure.jpg\",\"width\":960,\"height\":1472},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/page-structure\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Tutorials\",\"item\":\"https:\\\/\\\/feastdesignco.com\\\/category\\\/tutorials\\\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Food Blog Page Structure\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/feastdesignco.com\\\/#website\",\"url\":\"https:\\\/\\\/feastdesignco.com\\\/\",\"name\":\"Feast Design Co.\",\"description\":\"WordPress Themes for Food & 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":"Food Blog Page Structure - 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\/page-structure\/","og_locale":"en_US","og_type":"article","og_title":"Food Blog Page Structure","og_description":"On a very basic level, the pages on your site are broken into 4 major sections, each with different purposes: header (orange) content (blue) sidebar (green) footer (red) By contrast, the mobile site layout is a single continuous piece of content, with no distinction between the header, content, sidebar and footer. The Modern Mobile Menu...","og_url":"https:\/\/feastdesignco.com\/page-structure\/","og_site_name":"Feast Design Co.","article_publisher":"https:\/\/www.facebook.com\/feastdesignco\/","article_published_time":"2020-04-14T12:32:35+00:00","article_modified_time":"2020-10-05T11:18:23+00:00","og_image":[{"width":960,"height":1472,"url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure.jpg","type":"image\/jpeg"}],"author":"Skylar","twitter_misc":{"Written by":"Skylar","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/feastdesignco.com\/page-structure\/#article","isPartOf":{"@id":"https:\/\/feastdesignco.com\/page-structure\/"},"author":{"name":"Skylar","@id":"https:\/\/feastdesignco.com\/#\/schema\/person\/28edb20a81f10b62443c21ec80186098"},"headline":"Food Blog Page Structure","datePublished":"2020-04-14T12:32:35+00:00","dateModified":"2020-10-05T11:18:23+00:00","mainEntityOfPage":{"@id":"https:\/\/feastdesignco.com\/page-structure\/"},"wordCount":556,"commentCount":0,"publisher":{"@id":"https:\/\/feastdesignco.com\/#organization"},"image":{"@id":"https:\/\/feastdesignco.com\/page-structure\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure.jpg","articleSection":["Tutorials"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/feastdesignco.com\/page-structure\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/feastdesignco.com\/page-structure\/","url":"https:\/\/feastdesignco.com\/page-structure\/","name":"Food Blog Page Structure - Feast Design Co.","isPartOf":{"@id":"https:\/\/feastdesignco.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/feastdesignco.com\/page-structure\/#primaryimage"},"image":{"@id":"https:\/\/feastdesignco.com\/page-structure\/#primaryimage"},"thumbnailUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure.jpg","datePublished":"2020-04-14T12:32:35+00:00","dateModified":"2020-10-05T11:18:23+00:00","breadcrumb":{"@id":"https:\/\/feastdesignco.com\/page-structure\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/feastdesignco.com\/page-structure\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/feastdesignco.com\/page-structure\/#primaryimage","url":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure.jpg","contentUrl":"https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure.jpg","width":960,"height":1472},{"@type":"BreadcrumbList","@id":"https:\/\/feastdesignco.com\/page-structure\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/feastdesignco.com\/"},{"@type":"ListItem","position":2,"name":"Tutorials","item":"https:\/\/feastdesignco.com\/category\/tutorials\/"},{"@type":"ListItem","position":3,"name":"Food Blog Page Structure"}]},{"@type":"WebSite","@id":"https:\/\/feastdesignco.com\/#website","url":"https:\/\/feastdesignco.com\/","name":"Feast Design Co.","description":"WordPress Themes for Food & 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":5024,"label":"Tutorials"}]},"featured_image_src_large":["https:\/\/feastdesignco.com\/wp-content\/uploads\/2020\/04\/food-blog-page-structure-720x1104.jpg",720,1104,true],"author_info":{"display_name":"Skylar","author_link":"https:\/\/feastdesignco.com\/author\/skylar\/"},"comment_info":0,"category_info":[{"term_id":5024,"name":"Tutorials","slug":"tutorials","term_group":0,"term_taxonomy_id":5024,"taxonomy":"category","description":"","parent":0,"count":13,"filter":"raw","cat_ID":5024,"category_count":13,"category_description":"","cat_name":"Tutorials","category_nicename":"tutorials","category_parent":0}],"tag_info":false,"_links":{"self":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/47933","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=47933"}],"version-history":[{"count":0,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/posts\/47933\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media\/47934"}],"wp:attachment":[{"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/media?parent=47933"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/categories?post=47933"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/feastdesignco.com\/wp-json\/wp\/v2\/tags?post=47933"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}