Let’s begin by clarifying terms here.
Initially, developers implemented its frameworks in browsers on the client side only, but these days the code is built into the server side as well.
HTML is Hypertext Markup Language. Its goal is to organize content and reflect its structure, mentioning all text elements, such as headlines and sub headlines (H1, H2,.., H6), paragraphs, bullet points and other formatting details.
Use Internal Linking Correctly
An internal linking strategy is a sure way to show your website architecture to web crawlers, and to point to the most important web pages.
It is vital for internal linking to be enabled with regular anchor tags within the HTML, for the DOM to allow users to traverse the site.
The relationship history of HTML snapshots with Google is long and controversial.
You should know that Google recommends avoiding HTML snapshots (although search engines still support these elements).
However, diligent SEO specialists should be familiar with HTML snapshots, as they could be helpful in a couple of situations.
Try to avoid such situations by consulting with the development team and devising backup plans together. Consider installing a user-agent detection on the server side to show the HTML snapshot to both bots and users in emergency cases.
Every SEO specialist knows how important it is to provide Google search engines with a correct robots.txt file, to ensure optimal crawling opportunities. The critical point here is to show a web page to crawlers in precisely the same way you show it to users.
In the worst-case scenario, Google will interpret this dissonance as cloaking and will remove the website from its index.
To avoid unpleasant consequences, always provide search engines with access to the resources they need to fully understand the user experience.
If there are pages you want hidden from search engines, always consult with the development team.
Pay Attention to URL Structure
The lone hash is generally used to identify an anchor link. It allows users to jump to a piece of content on a page.
The problem is that “#” is not crawlable, and anything that follows it is not sent to the server. This could cause the page to automatically scroll to the first element with a matching ID. Google recommends avoiding the use of the lone hash in all URLs.
Hashbang was once a hack to support crawlers. In escaped fragments, there are two experiences.
The first is called original experience or pretty URL, which must either have a #! within the URL to indicate that there is an escaped fragment, or a meta element indicating that an escaped fragment exists.
The other is the escaped fragment or an ugly URL. This URL replaces (#!) with “_escaped_fragment_” and serves as the HTML snapshot. It earned the “ugly” name because of its length and appearance.
One highly recommended strategy is a pushState History API. Being navigation-based and part of the History API, it updates the URL in the address bar. This allows for changes only to pieces of content that need to be updated.
A perfect use case for this method is an infinite scroll. When implemented accurately, pushState History API returns the user to the same spot they were viewing before the page refreshed.
Improve Your Site Latency
Remember how the browser creates a DOM after receiving the HTML document? Good. Now let’s go a step further.
A browser loads the majority of resources exactly as they are mentioned in the HTML document. If there is a heavy file at the top of an HTML document, a browser will load this huge file first.
Google claims that user experience comes first. Therefore it recommends placing the most valuable content at the top of the page.
For best results, work closely with your development team to ensure a smooth user experience with no interruptions in the code.
Curiosity for new knowledge is what distinguishes an outstanding SEO specialist from the pack.
Now is the time to check your website for site latency, crawlability and obtainability.
Have any questions or suggestions regarding this topic? I’ll be waiting to see your comments below!
If you want to read further into SEO, we have a selection of articles for you to read:
Latest posts by Sergey Grybniak (see all)
- How to Optimise Your Site for Yandex part 2 - July 13, 2017
- How to Optimise Your Site for Yandex part 1 - June 15, 2017