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
-
Can Google read this code?
I'm working on some basic on-page SEO content for a website within my company and I need some guidance as far as 1. whether Google can read the small amount of existing text (not optimized) and if it isn't spiderable, then 2. what code should be there instead. Here is the site: https://www.le-velgear.com/store/catalog The text I'm referring to is toward the bottom of the page (isn't it always?) and says this: Designed for a Thriving Lifestyle The Le-Vel Gear store is an extension of the LV Life, the Thrive product line, and the world's largest health and wellness Movement, which you helped create. Living a life you deserve includes looking good while showing the world your pride in being a Thriver...Check out all the new and incredible gear and tools and take your Thriving lifestyle to the next level!!! When I "View Source," I cannot see the text, however, the text is highlight-able with my cursor and I can see it when I "Inspect Element" in a container that says Thanks in advance for any help!
On-Page Optimization | | lizzyr0 -
Site is too slow? Seeing a new code.
Site is too slow. I am seeing this new code more than 1000 times in my home page- What should I do now? My site- http://a1stlucie.com/
On-Page Optimization | | Beachflower0 -
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 -
Code Quality checker tool?
Hi All, I have seen one tool - http://nibbler.silktide.com/ which give code quality score and if we go for pro version it's name is sitebeam - http://nibbler.silktide.com/en_US/pro Can anyone share experience of this tool? Also any other tool you can suggest to check code quality of ecommerce site? Pls don't suggest manual checking. Thanks!
On-Page Optimization | | pragnesh96390 -
Does <hn>placement matter in the code?</hn>
Does it matter if SEO relevant HTML (such as the placement of an H1) is on line 100 versus 2,000? (Editing to provide more clarity)
On-Page Optimization | | EricSchell
My question is not related to where the H1 is visually on the page (above the fold or below, etc.) its purely a question as to does the line number in the rendered HTML file impact the power of the H1 on the page. As someone with a lot of SEO experience myself, I don't think when a bot is reading the page HTML it cares where the H1 is - just that it exists (and might have a weight above/below fold).0 -
Will changing order of bullet points in product descriptions add some uniqueness?
We write our own unique product descriptions and have a unique product video for each color variation and multiple unique product images and display seperate user reviews per color variation. We prefer to have seperate product pages for each color variation for several reasons (targeting color searches and user experience seeing all color variations when browsing category pages). Product descriptions of color variations are quite similar.
On-Page Optimization | | lcourse
I was thinking about spinning dynamically order how bullet points of product descriptions are presented to add some more uniqueness. I am not expecting a massive impact, but do you think this increases a bit googles perception of page uniqueness?0 -
Does the positioning of the text on a webpage matter for search engines?
Does the positioning of the text on a webpage matter for search engines? Do you need to place the text at the upperside of a webpage or is at the bottom also a good option?
On-Page Optimization | | HMK-NL0 -
Does it matter what text you wrap in an H1 tag?
Typically H1 tags are reserved for page headings, i.e. on a blog post the blog post title is very often the pages H1, or top-level heading as the W3C puts it. On the SEOmoz home page they currently have "SEO Software." as their H1 tag, which seems perfectly reasonable and to me fits the W3C criteria. However, what if the primary keyword for SEOmoz was "seo community" so they decided to wrap just those two words in the sentence that follows on their home page and maintain the existing style of the words "seo community" with CSS. (see attachment) Are there any arguments against doing that? Would Google be able to detect this? If so, would Google care? I do believe the overall importance of the H1 tag has lessened to a degree, however I still believe they are valuable to an extent and would love to hear anyone's thoughts. 7NZcD.png
On-Page Optimization | | TakeLessons1