How important is the HTML structure for on-page/on-site SEO?
-
To be more specific, say a page layout has Header, Body, Left Sidebar, Footer sections. Which layout from the following options is more SEO-friendly?
- Header > Body > Right Sidebar > Footer
- Body > Header > Right Sidebar > Footer
Does it make a big difference to code HTML so that the the copy of the body appears in front of all other sections when spiders crawl a website? Is it worth taking extra steps to make this happen?
I am asking this question because our site has a header navigation with a lot of dropdown menus. So I assume that this is "noise" for spiders as it pushes the main content of the page down.
Please bear in mind that the question is more geared towards how search engine see the page rather than how it appears to the end user as layout can be controlled by CSS.This question also assumes that all other on-site SEO best practices are followed for both options.
-
I agree with the other answers, but believe 100% your header should be above body content. The way I explain it to my clients is the header is a promise of what is to come. You wouldn't pick up a book without reading the title would you? Or know if it is in your own language?
The header is also the position to tell the SERP's what your entire site is about, look this site is about "such and such" with the "author tag so and so", written to answer "these questions" and you will find ALL that and more in the content.
Body above the header was a trick used years ago in SEO to force feed our intentions on the search engine, now we just politely introduce our page and let them browse the content.
-
Hi,
As irving mentioned in his answer, Google does crawl the whole page. However, from a HTML5 course I took, Google reads the HTML from top to bottom. Meaning if you have 1. Head > Body >Right Sidebar > Footer, Google will read your head first, then the body, then the right side bar and finally footer. If you have 2. Body > Header > Right Sidebar > Footer, they will read Header first. You get the point.
Therefore, it is suggested to have your more important content on the top of the HTML. But overall, Google will crawl the whole page.
-
Google reads the whole page, but it is said to put your content as high up in the code as possible. So if your header is a huge chunk of code, then putting the body above it sounds like a good idea.
Got a burning SEO question?
Subscribe to Moz Pro to gain full access to Q&A, answer questions, and ask your own.
Browse Questions
Explore more categories
-
Moz Tools
Chat with the community about the Moz tools.
-
SEO Tactics
Discuss the SEO process with fellow marketers
-
Community
Discuss industry events, jobs, and news!
-
Digital Marketing
Chat about tactics outside of SEO
-
Research & Trends
Dive into research and trends in the search industry.
-
Support
Connect on product support and feature requests.
Related Questions
-
I have a metadata issue. My site crawl is coming back with missing descriptions, but all of the pages look like site tags (i.e. /blog/?_sft_tag=call-routing)
I have a metadata issue. My site crawl is coming back with missing descriptions, but all of the pages look like site tags (i.e. /blog/?_sft_tag=call-routing)
Intermediate & Advanced SEO | | amarieyoussef0 -
Site move-Redirecting and Indexing dynamic pages
I have an interesting problem I would like to pick someone else’s brain. Our business has over 80 different products, each with a dedicated page (specs, gallery, copy etc.) on the main website. Main site itself, is used for presentation purpose only and doesn’t offer a direct path to purchase. A few years ago, to serve a specific customer segment, we have created a site where customers can perform a quick purchase via one of our major strategic partners. Now we are looking to migrate this old legacy service, site and all its pages under the new umbrella (main domain/CMS). Problem #1 Redirects/ relevancy/ SEO equity Ideally, we could simply perform 1:1 - 301 redirect from old legacy product pages to the relevant new site products pages. The problem is that Call to action (buy), some images and in some cases, parts of the copy must be changed to some degree to accommodate this segment. The second problem is in our dev and creative team. There are not enough resources to dedicate for the creation of the new pages so we can perform 1:1 301 redirects. So, the potential decision is to redirect a visitor to the dynamic page URL where parent product page will be used to apply personalization rules and a new page with dynamic content (buy button, different gallery etc.) is displayed to the user (see attached diagram). If we redirect directly to parent URL and then apply personalization rules, URL will stay the same and this is what we are trying to avoid (we must mention in the URL that user is on purchase path, otherwise this redirect and page where the user lands, can be seen as deceptive). Also Dynamic pages will have static URLs and unique page/title tag and meta description. Problem #2 : Indexation/Canonicalization The dynamic page is canonicalized to the parent page and does have nearly identical content/look and feel, but both serve a different purpose and we want both indexed in search. Hope my explanation is clear and someone can chip in. Any input is greatly appreciated! vCm2Dt.jpg
Intermediate & Advanced SEO | | bgvsiteadmin1 -
SEO - Use pages on main site or set up outside keyword rich domains and websites
I have a client who is wanting to target searches for competitors products. His idea was to purchase domains related to the searches he's targeting (for example, people looking for another company's app) and to build out one page websites addressing the search query and why a customer would choose his app solution over a competitor. I know he'd have to build a handful of links to each site for any chance of success but I wanted to ask the following.. Would doing this be better than just building pages addressing the searches on his main website domain? Is there an SEO risk to doing this? Potential for a penalty? Anything we need to do to structure these in a way that won't violate Google's SEO guidelines? Any other thoughts on pros and cons of each strategy? Thank you! Ricky
Intermediate & Advanced SEO | | RickyShockley0 -
Page Speed Factors For SEO
Hey Guys, I have developed a page and optimised it. I have got a dilemma, I have 2 variants of the optimised page I could use. The page is responsive and uses bootstrap from an external CDN. The 2 variants: External CDN - This is adding an an extra request and is delivering the entire framework (not ideal for mobile) I've looked in the node/grunt.js route (+unCSS) to remove redundant CSS, which led me to my next variant. Inline CSS. After doing some grunt.js work I shaved out the redundant code from the framework then added it inline. I will also point out that all assets are optimised, all CSS/JS/HTML is minifed. In terms for score the 1st variant is less than the second, but I believe that most users of the internet already have bootstrap cached due to it being so common. The ultimate question comes down to ranking, I'm not entirely sure where I draw the line between development and SEO (I will also ask in Stack Overflow). Which one would rank better? all other factors being equal.
Intermediate & Advanced SEO | | AkashMakwana0 -
A Client Changed the Link Structure for Their Site... Not Just Once, but Twice
I have a client who's experiencing a number of crawl errors, which I've gotten down fo 9,000 from 18,000. One of the challenges they experience is that they've modified their URL structure a couple times. First it was: site.com/year/month/day/post-name
Intermediate & Advanced SEO | | digisavvy
Then it was: site.com/category/post-name
Now it's: site.com/post-name I'm not sure of the time elapsed between these changes, but enough time has passed that the URLs for the previous two URL structures have been indexed and spit out 404s now. What's the best/clean way to address this issue?I'm not going to create 9k redirect rules obviously, but there's got to be a way to address this issue and resolve it moving forward.0 -
Seo for Q&A site
Hi, I am working on a newly launched Q&A site. We have very few questions and users right now and very very low seo traffic. In order to increase the number of users and seo traffic we intend to create a number of pages containing potential questions. Each page would have the following structure: Question. Ex: "What are the top wholesale suppliers of coffee in China?" Some content. Ex: Are you looking for wholesale suppliers of coffee in China? Post your question here? Question form Some additional content So there would be a page for wholesale suppliers of coffee for every country. We would publish the pages gradually and the content would be unique but yet similar (ex: only the Country changes). What do you think about this approach? Is it a good idea or can it be dangerous? We don't want to incur in any kind of penalization, we just want to give the possibility to people who are looking for specific information to find us and be able to post the request on our website.
Intermediate & Advanced SEO | | Ypsilon0 -
Should the sitemap include just menu pages or all pages site wide?
I have a Drupal site that utilizes Solr, with 10 menu pages and about 4,000 pages of content. Redoing a few things and we'll need to revamp the sitemap. Typically I'd jam all pages into a single sitemap and that's it, but post-Panda, should I do anything different?
Intermediate & Advanced SEO | | EricPacifico0 -
Website redesign - how do I avoid screwing up my site SEO?
We are preparing to launch a newly designed (and much improved) website in the next few months. I want to be very careful to ensure we do not mess up any rankings (and hopefully actually improve rankings) when switching over the site. I'm particularly concerned about one key phrase that our homepage currently ranks on. After the redesign it would be more appropriate for our of our subpages to rank for that term, but I'd rather have our homepage rank (less relevant for this keyword than the subpage) then nothing at all. I know about 301 redirects, and we are planning on creating a few comprehensive diagrams to ensure we redirect old pages to the correct new pages. Beyond that, what can I do to preserve our rankings? Thanks! -Ryan
Intermediate & Advanced SEO | | RyanD.0