In the previous chapter you learned about Search Engine Marketing (SEM). SEM is the umbrella term for everything you can do with a search engine to bring visitors to your site - both paid and free. Search Engine Optimization (SEO) is the part of SEM that focuses on the free (also called organic) traffic. SEO does not include adverts or other paid placements.
Free traffic can come from different kinds of searches: text, image, video or news. SEO works by looking at how search engines actually work. So, before we get into specific techniques, it helps to understand a little about the algorithms that search engines use to read the pages they have crawled - the algorithms decide how a page is ranked.
Modern search engines use artificial intelligence (AI) to process the data they collect from your site. Rankings today are not based on the page text alone - the underlying HTML code is also part of the calculation. Because AI is now involved, the older SEO tricks from many years ago no longer work. As a rule of thumb, ignore any SEO advice on the internet that is more than three years old. The best up-to-date source is the developer documentation of the search engine providers themselves (Google, Bing, and so on).
15 Minutes to read
All Chapters
Find here an overview on all chapters this tutorial:
What SEO Is
You are here · Factors of Success
Structured Data
Content Optimizations
Factors of Success
Search engines use hundreds of ranking factors internally. A few of them are made public by the search engine providers, but most are not. Because of that, trying to "guess" the exact factors and optimise for them does not work very well. Google itself recommends a more natural approach: focus on the overall quality of your website. These quality points are what we call the Factors of Success.
Factors of success come in two groups, often called on-page and off-page factors:
-
On-page factors are everything you can control directly on your own page - for example, the text of the page title or the HTML code (the language used to build web pages).
-
Off-page factors are signals that come from outside your website - for example, other websites linking to your pages, or extra structured data that helps search engines build richer result pages.
In this course we look at on- and off-page factors for the following parts of a website:
-
Page Speed (on-page)
-
Content Quality (on-page)
-
HTML Code (on-page)
-
Site Architecture (on-page)
-
Structured Data (off-page)
-
Link Building (off-page)
Please read the sections carefully so you can see the difference between on-page and off-page factors. SEO is often about making lots of small changes to a website. On their own these changes may look tiny, but when you combine many of them, the result can be a clearly better user experience and much better search rankings.
Page Speed
Page speed has been one of the most important SEO ranking factors for years. Google wants users to have a good experience on the web, and only fast-loading pages can deliver that.
A static site is a website that is already built as a set of ready-to-serve HTML files. Nothing has to be calculated when a user opens a page. This is one of the big advantages of using Jekyll together with the template system J1: when a visitor opens a page, the server simply sends the HTML file. No database is queried, no files are combined on the fly. The result is a much faster page load and a much better user experience for your visitors.
Beside lower rankings, slow pages also have a bad effect on your Bounce Rate. The Bounce Rate is the percentage of visitors who leave your website after viewing only one page. A high bounce rate usually means visitors did not find what they were looking for. Visitors come to your site (from a search, an advert, or a link elsewhere) hoping to solve a specific problem. If they do not see a solution quickly, they go away again.
- Reducing the Bounce Rate
-
Modern SEO is largely about engagement. The goal is not only a high ranking, but also keeping visitors on your site so they actually use the content. A clear Information Architecture (IA) helps with this. Information Architecture simply means how the parts of your site are arranged and labelled. A good IA makes it easy for visitors to find what they need because the content is organised in the way they expect.
More and more people use the web on a smartphone, often with a slow connection. Fast-loading pages are therefore also a way of making your site mobile-friendly. Google announced a search algorithm update focused on mobile page speed back in July 2018, and mobile speed has been a ranking factor ever since.
In short: if your site is a static website, you do not need a special speed optimisation strategy. It is already fast by design. If you still see a high Bounce Rate, the cause is definitely something other than page speed.
Content Quality
The quality of your content is so important that it is worth repeating: content is the cornerstone of all SEO work. A clear content strategy is critical for SEO success, because almost every other factor depends on it. Good content means:
-
no plagiarism (no copied text from other sites)
-
up-to-date and relevant information
-
the right level of detail for your audience
-
clear answers to the visitor’s questions
-
good written language
Websites use a lot of written language, so it is very important to avoid spelling and grammar mistakes. Clean writing also helps machine translation. This website is written in English, but a service such as Google Translate can translate it into more than 100 languages - and it does that much better when the source text is clean. Good content and good writing together reduce the bounce rate of your site.
HTML Code
HTML (HyperText Markup Language) is the language used to build all web pages. It uses tags such as <p> (a paragraph) or <h1> (a top headline) to describe what each piece of content is.
There are over a billion websites on the internet. Many of them were built a long time ago and still use very old HTML. Search engines prefer modern HTML, and humans usually find old, badly-built pages harder to read.
The biggest improvement in HTML5 (the current version of HTML) is the support for semantic tags. The word "semantic" means "carrying meaning". A semantic tag tells the browser what kind of content it contains, not just how it looks. This makes the page easier to understand for browsers, search engines, screen readers, and many other tools.
For example, instead of using a generic container tag like:
<div id="blog-content">
... content code
</div>you can use the dedicated HTML5 tag for a blog article:
<article>
... content code
</article>Both look the same on screen, but the second version tells the browser and the search engine that this is an article. That extra meaning helps a lot for SEO and accessibility.
To learn more about building accessible, semantic websites with HTML5, see:
HTML5 also adds something called APIs (Application Programming Interfaces). An API is just a set of commands one program can use to talk to another. HTML5 APIs let web pages do more complex things, which is why HTML5 is also a good choice for mobile applications: many of its features were designed with phones and tablets in mind.
HTML5 brings many new features. To display sound, video and graphics directly in the page, the new <video>, <audio> and <canvas> tags were added. HTML5 also supports SVG (scalable vector graphics), MathML (a language for writing mathematical formulas), and modern layouts based on a flexible grid system.
| J1 uses HTML5, the latest version of HTML, to structure all its pages. The current HTML standard adds many new features and a clear set of rules, so that different browsers all build the page in the same way. It extends and improves the HTML tags used in older websites. |
With semantic tags, your pages also become easier to read for people with disabilities. Screen readers (programs that read web pages out loud to visually impaired users) use the semantic tags to know which part is the main content, which is a header, which is a footer, and so on. New structural tags like <main>, <section>, <article>, <header> and <footer> exist exactly for this purpose.
Structured Data
Structured Data is extra information that you add to your page so that search engines can understand the meaning of the content - not just the words on the page. With structured data, a search engine can build richer result pages (such as knowledge panels) and present your information in a more useful way to users.
Common data formats:
- JSON-LD
-
JSON-LD stands for JavaScript Object Notation for Linked Data. JSON is a simple data format that uses curly brackets and key-value pairs. JSON-LD reuses that format and adds a fixed vocabulary, so that all search engines understand the data in the same way.
<script type="application/ld+json">
{"@context":"https://schema.org","@type":"BlogPosting","url":"/pages/public/panels/intro_panel/"}
</script>- Microdata
-
Microdata is an open standard for putting structured data inside your HTML. Instead of a separate block of JSON, Microdata adds extra HTML attributes directly to the tags you already use. It is most often used in the
<body>of the page, but it can also be used in the<head>. - RDFa
-
RDFa is another way of putting structured data inside HTML. Like Microdata, it adds attributes to your existing HTML tags. It is commonly used in both the
<head>and the<body>of a page.
Site Architecture
Site architecture is just a fancy name for how your pages are arranged and how visitors move between them. It includes things such as:
-
the navigation menus
-
the links between pages
-
the structure of your URLs (web addresses)
-
breadcrumb trails (the small "you are here" links at the top)
-
category pages and sitemaps
Good site architecture helps both users and search engines find what they need. The template system J1 already gives you a lot of help here, because it builds many of these structures for you.
Site architecture also tells search engines which of your pages are the most important. By organising your site clearly, you point both visitors and search engine bots toward your key pages and you make the topic of your content easier to understand. In short, the goal of site architecture is to make your site easy to use.
When site architecture is done well, the SEO benefits are clear:
-
better indexing of your pages by search engine bots
-
higher rankings in the search results (SERPs)
-
better engagement from your visitors
Link Building
Link Building means getting other websites to link to your site. Good link building can improve your search engine rankings and increase the number of people who find you. Bad link building, on the other hand, can lower your rankings and reduce your reach.
Link building is not easy. Many different strategies exist, and they differ in how much effort, expertise and money they need. Getting other people to link to your pages is one of the hardest parts of SEO, which is why so many website owners struggle with it.
Strategies vs. Tactics
There is a clear difference between a link-building strategy and a link-building tactic:
-
Strategy - your overall plan
-
Tactic - the actual steps you use to reach the goal
You really only need one link-building strategy: create something that other people want to link to. That advice is repeated everywhere because it works. It does not mean you must write huge blog posts or build long interactive guides. For many businesses, the product or the service is already worth linking to.
Think of your strategy as the engine that drives your link- building work, and your tactics as the pistons that keep it running. This tutorial discusses a few useful link-building tactics:
-
Guest blogging - placing short, well-written articles on social media platforms and forums.
-
Outreach - contacting people in your field and introducing them to your content.
Summarized
A lot you’ve learned. Time to summarize what is behind you has worked on. The last chapter should help with that. Summarize section offers some handy sections to remember what has been presented in this chapter. And gives an outlook of what could be done next, an overview of all chapters of this tutorial, and useful links to learn more.
See all sections below:
Recap · What has been done, what’s explored in current section
What Next · Find to go further, what’s planned next
All Chapters · The full chain, all chapters
Further Reading · List of helpful links to get more
Recap
You got the second section of theory managed; congrats. With the new knowledge of the Factors of Success to optimize a webpage, you are prepared well for the next two chapters focussing on the practical aspects of Search Engine Optimization.
Three of the Factors of Success are mostly managed if you are using a static website created by J1 Theme for this workshop:
-
Page Speed
-
Site Architecture
-
HTML Code
The generating process of a J1-based website respects these success factors by build-in strategies. No further work to do in this area.
What Next
As promised, the next chapter focuses on practical work. Creating structured data for your content pages is important for good rankings and excellent rendered result pages (SERPs). Structured data will support the search engine’s algorithms to analyze the crawled pages for their type and the content’s specific meaning.
Structured data is the base for enriched content like Knowledge Panels or Rich Text Results. The good news is: the data is generated automatically for websites created by the J1 Theme. The generation is based on configuration work to control the data generated for a page.
Have fun an go for Structured Data then.
All Chapters
Find here an overview on all chapters this tutorial:
What SEO Is
You are here · Factors of Success
Structured Data
Content Optimizations
Further Reading
Reading this chapter is not essential for working on the project first time. Additional links will be helpful to learn more. The references point to important sources of manufacturer documentation. Here you can find out all the possibilities what the products can offer. Experiences from others are extremely important when dealing with software and more complex projects. Links to other sites may answer common questions from the experience of professionals. Here you can think far outside the box of a project currently worked on.
Further links in the current section.