Does Code Order Matter?
-
I read/was told that it was a good idea to order your HTML to show the most important content first. So, on many sites I had put my global navigation div, for instance, below my main content div. Does this still apply? And does wise use of HTML 5 mean this is no longer necessary (eg use of "nav" section tag to indicate this section is about navigation).
In the same vein, how does Google know that my sidebar nav is my sidebar nav (which your site seems to say is probably given less weight than top nav), and how does it know my topnav is my top nav? Maybe a daft question, but when someone asked me yesterday I realised I didn't know!
(Phew - at last I have asked a short question!).
-
Perhaps HTML5 tags are used as one of the signals in determining which piece of source code is what. Seeing how easily one could manipulate these tags, I don't think it'll be a strong signal though. Of course it can be a good guidance for future web developers to identify pieces of source code!
Google is able to read CSS files (for example to determine if a link is hidden), but I don't think it will parse these files and apply them to the webpage to determine the visual layout of it. I think it would require a great amount of processing power (and time) to actually render a webpage, rather than sort out the pieces based on the source code like I described in my answer above.
Glad I could help!
-
Thank you - and very happy to receive a longer answer than my question!
That certainly answers my basic question, and I really appreciate it.
What do you think about the more "semantic" tags of HTML5 - such as the "nav"? Surely it's a good idea to use them to help Google (and later web developers) on their way with understanding the structure of the content?
And, a related question, can and does Google read CSS files to determine structure too? It's not mentioned on the blog post you pointed me to (and thanks for pointing me to it - a very helpful article in all sorts of ways which I hadn't read.)
-
I got the same question during a presentation I was giving recently and have to admit I didn't knew the answer on the spot either. Some thinking and discussing with others has given me a pretty clear picture on this though, which I will now try to pass on to you.
I don't think code order matters that much anymore. A couple years ago, when Google was crawling only a portion of a large webpage (mostly due to hardware restrictions), you'd better make sure your valuable text or links were placed in the first part of your webpage, otherwise it wouldn't get crawled at all! With Google crawling large webpage in total (if I recall some quote from Matt Cutts correctly he stated that they now index webpages over several MBs in size, as long as they contain enough valuable information).
With Google advancing their detection of the 'visual location' where text and links are placed on a webpage (see #5 on http://www.seomoz.org/blog/10-illustrations-on-search-engines-valuation-of-links), source code ordering will most likely have dropped in value as well. Using CSS styling, we can now order our source code pretty much at will anyway, which has changed it from a valid signal to a 'SEO trick' (just like adding a suffix to the URL has, see http://www.finishjoomla.com/blog/5/does-adding-a-suffix-to-my-urls-affect-my-seo/).
By 'viewing' (and perhaps manually categorizing or using machine learning http://en.wikipedia.org/wiki/Machine_learning) webpages Google will notice patterns in webpage source code. For example: 'that div containing a large amount of links, usually placed in an ul-li, often containing links to 'home' and 'contact' will most likely be your menu. Just like 'that div containing more text than any other div, often starting with a H1 or H2 tag, containing the most images and ending with a call-to-action' link will most likely be your page content area. Thus, Google doesn't 'know' whether a certain part of your source code is your menu, your sidebar or your page content, it deducts it by looking at common patterns.
(lol, my answer is more than three times as long as your short question!)
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
-
400-499 http status code
Hi there, I noticed in Bing Webmaster Tools that we get the following for the home page.These pages have 400-499 http status code. Ensuring http status 200 might help improve SERP performance and gain user traffic.I haven't seen this before, nothing comes up in Moz or Google Webmaster Tools about it.Is it worth spending time on resolving the issue, I don't see how it affects us as the page loads up perfectly but I don't understand the error.The error shows up for our home page, https : // wwww domainname comWhen checking here we get green ticks for everything sslshopper.com/ssl-checker.html
On-Page Optimization | | IvanaDaulay0 -
How to check code to text ratio of Mobile Site?
Hello All, How to check code to text ratio of Mobile Site? Thanks!
On-Page Optimization | | adamjack0 -
Having a terrible time ordering the CSS Styles and Scripts in my header
Hi Guys, I am having a terrible time trying to get the correct optimized (for speed, none blocking etc) order for loading my external css and JS. I follow the recommendations from Google Page Speed or Chrome Audit and it seems no matter where I move the CSS file too (top or bottom) it complains about more blocking and stopping rendering of the page. My URL is http://www.MyFairyTaleBooks.com if some smart person out there could help me figure out what I am doing wrong and the order in which my should be organized I'd appreciate it! Oh I'm not a developer but I can re-arrange text in a file! 😉 Thank you!
On-Page Optimization | | MyFairyTaleBooks
Dinesh0 -
Using example.info when example.com is a link farm. Ok? Bad? Doesn't matter?
Second question of the day- I'm helping a friend with his law firm site. He is using example.info because example.com is being used by a link farm. Is this hurting his search efforts? Thanks
On-Page Optimization | | ahossom0 -
How much the Page Rank matters in SEO?
I have my own blog which is 6 Month old with Page Rank 1, and my fiends has a blog with page rank 2 which is 6 Months Old domain as my. I used to work hard on content and Link Building. Following every webmaster guideline spending 3 to 4 Hours on my blog, but my friends website is just crazy, 3 Website links to it with no PR, no Facebook, no twitter shares and nothing. I want to Know How my friend website has High PR than me, Does Page Rank Really matters in SEO or my friend is performing some black hat magic on his website. Best answer will be appreciated thanks
On-Page Optimization | | Ganesh340 -
Does Too Many On-Page Links on a Page Really Matters?
Does Too Many On-Page Links on a Page Really Matters? Especially if they are pointing to internal page?
On-Page Optimization | | AppleCapitalGroup1 -
Does font size matter?
I have a two-part question: 1. I know that bold and italicized font can help keywords rank better. I have a block of regular text on my site that is really more for SEO than anything else. If I reduce the font size, will it have an impact on the importance of the text? 2. If you reduce the size of font enclosed in header tags, such as, reducing h1 text to 8 px font, does that have an impact on the importance of the text within that h1 tag?
On-Page Optimization | | BradBorst0 -
Content within JavaSccript code
I know that it is not a good practice to inlcude SEO content within JavaScript, but are there exceptions to what Google can spider or is it best to just avoid completely?
On-Page Optimization | | mjmorse0