• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar

Feast Design Co.

WordPress Themes for Food & Lifestyle Bloggers

  • Themes
  • Feast Plugin
  • Blog
  • Support
  • Tutorials
  • Nav Social Menu

    • Email
    • Facebook
    • Instagram
    • Twitter
menu icon
go to homepage
  • Feast Plugin
  • Support
  • Tutorials
  • Account
    • Facebook
    • Instagram
    • Twitter
  • search icon
    Homepage link
    • Feast Plugin
    • Support
    • Tutorials
    • Account
    • Facebook
    • Instagram
    • Twitter
  • ×

    Home » Tutorials

    Food Blog Page Structure

    Published: Apr 14, 2020 · Modified: Oct 5, 2020 by Skylar · Leave a Comment

    On a very basic level, the pages on your site are broken into 4 major sections, each with different purposes:

    1. header (orange)
    2. content (blue)
    3. sidebar (green)
    4. 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.

    Note: page content cut short to save space

    The Modern Mobile Menu is designed to replace the theme header site-wide.

    The Modern Homepage is designed to replace the theme homepage's content section.

    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.

    Jump to:
    • Site structure
    • Main content vs supplemental content
    • Important: comments
    • Advanced
    • Header
    • Sidebar
    • Footer

    Site structure

    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.

    See: site structure for food blogs

    Sample site structure by trythisrecipe.com

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

    The supplement content (header, sidebar, footer) provide clues to search engines about what topics the site is about, as a whole.

    Main content vs supplemental content

    The recipe page guidelines post provides a mental framework for page structure, taken directly from Google's Quality Rater Guidelines.

    Search engines attempt to match individual pages (main content in blue) for specific queries.

    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.

    Important: comments

    A special note to make here is that comments are considered part of your main content by Google.

    While not shown in the screenshots above, they're very important.

    Advanced

    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.

    Header

    Visitors expect to find the primary navigation in the header of the website. This includes:

    • Branding (logo) linked to the homepage
    • Links to page most relevant pages on the site
    • Phone number (if applicable)

    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.

    Do not use a secondary navigation menu.

    Sidebar

    The job of the sidebar is to provide content that supports the actual Main Content of the page. In here, you'll want to

    • About / User profile
    • Trending posts (6-8)
    • Newsletter signup

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

    Footer

    The footer is where most of the "corporate" and general administrator stuff goes, such as:

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

    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".

    Do not use the footer for internal linking purposes.

    More

    • Translation
    • Favicon
    • How to use WordPress Tags
    • Feast Plugin Setup

    Reader Interactions

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Primary Sidebar

    Themes

    • Feast Plugin grants access to all 5 themes
    • Not sure where to start? See the getting started guide

    Feast Plugin

    • Feast Plugin
    • Modern Homepage
    • Modern Sidebar
    • Modern Footer
    • Modern Mobile Menu
    • Modern Menu
    • Modern Recipe Index
    • Modern Categories
    • Modern 404
    • Recipe Update Checklist
    • Recipe Post Template

    Resources

    • Image optimization
    • Recipe Guidelines for Foodie Bloggers
    • How to write a recipe post
    • Page headings
    • SEO for Food Bloggers
    • Tutorials
    • Pagespeed Audit
    • Comments
    • Internal links

    more resources →

    Categories

    • Modern Recipe Index
    • Modern Categories
    • Posts per Page
    • How to use categories
    • Category pages need content
    • How to configure the category pages
    • Food blog site structure
    • Food blog page structure

    Classic themes

    The classic themes are only for hobby sites and any food blog interested in monetizing or SEO needs the Feast Plugin.

    • Foodie Pro Classic
    • Brunch Pro Classic
    • Cook'd Pro Classic
    • Cravings Pro Classic
    • Seasoned Pro Classic

    Footer

    ↑ back to top

    Topics

    • Food Blog Design and Appearance
    • Productivity
    • Tech and Plugins
    • Food Blogging and Promotion
    • Minimalist WordPress Themes
    • Simple WordPress Themes
    • Travel blogs
    • Knitting + DIY blogs

    Help

    • Documentation & Tutorials
    • Food Blogging Resources
    • Open A Support Ticket
    • Login
    • Your Account
    • Subscriptions
    • Downloads
    • Discounts and Coupons
    • Compatibility

    Company

    • Subscribe to newsletter
    • Privacy Policy
    • Refund policy
    • Terms & Conditions
    • Principles and Best Practices
    • Affiliates
    • Contact

    Copyright © 2023 · Feast Design Co.

    Results not typical or guaranteed. Our themes and plugins are just a small part of the overall effort involved in running a food blog. Nothing on this website shall constitute legal or financial advice, always consult a local lawyer and accountant. Accessing this website and all transactions herein are under the laws and jurisdiction of Toronto, Ontario, Canada.