Search Engine Optimization Cheat Sheet

Table of Contents

• Introduction
• Page Speed
• SEO Specific Guidelines

TL;DR

Use Lighthouse to check your website's SEO. You will see the same exact information in the SEO report.

Introduction

SEO (Search Engine Optimization) is the process of making a website more visible in search results, also termed improving search rankings.

Search engines crawl the web, following links from page to page, and index the content found. When you search, the search engine displays the indexed content. Crawlers follow rules. If you follow those rules closely when doing SEO for a website, you give the site the best chances of showing up among the first results, increasing traffic and possibly revenue (for ecommerce and ads).

To learn more, check this page, where I copy-pasted the content above.

Prerequisite before focusing on SEO specific stuff

Optimize Your Page Speed

Page speed is a measurement of how fast the content on your page loads. Here are some reasons why page speed matters:

• If your site takes a long time to load, users will be frustrated which will result in a lower ranking in search results.

• Google can crawl your unoptimized page, but the page may not be indexed or be visible in search results. (see crawl budget)

To learn more, here's a link to the Performance cheat sheet.

SEO Specific Guidelines

• Structured data is validRun the Structured Data Testing Tool and the Structured Data Linter to validate structured data.Learn more

• Has a <meta name="viewport"> tag with width or initial-scaleA <meta name="viewport"> not only optimizes your app for mobile screen sizes, but also prevents a 300 millisecond delay to user input.Learn more

• Document has a <title> elementThe title gives screen reader users an overview of the page, and search engine users rely on it heavily to determine if a page is relevant to their searchLearn more

• Document has a meta descriptionMeta descriptions may be included in search results to concisely summarize page content.Learn more

• Page has successful HTTP status codePages with unsuccessful HTTP status codes may not be indexed properly.Learn more

• Links have descriptive textDescriptive link text helps search engines understand your content.Learn more

• Links are crawlableSearch engines may use href attributes on links to crawl websites. Ensure that the href attribute of anchor elements links to an appropriate destination, so more pages of the site can be discovered. Learn more

• Page isnt blocked from indexingSearch engines are unable to include your pages in search results if they don't have permission to crawl them.Learn more

• robots.txt is validIf your robots.txt file is malformed, crawlers may not be able to understand how you want your website to be crawled or indexed.Learn more

• Image elements have [alt] attributesInformative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.Learn more

• Document has a valid hreflanghreflang links tell search engines what version of a page they should list in search results for a given language or region. Learn more

• Document has a valid rel=canonicalCanonical links suggest which URL to show in search results.Learn more

• Document avoids pluginsSearch engines can't index plugin content, and many devices restrict plugins or don't support them.Learn more

• Document uses legible font sizesFont sizes less than 12px are too small to be legible and require mobile visitors to pinch to zoom in order to read. Strive to have >60% of page text 12px.Learn more

• Tap targets are sized appropriatelyInteractive elements like buttons and links should be large enough (48x48px), and have enough space around them, to be easy enough to tap without overlapping onto other elements.Learn more

Additional note: The list above may not be that exhaustive as this article focused on Lighthouse's recommendations. There are other things to consider to improve SEO which I will try to compile in another article.

What's next (More copy-pasting)

• Performance
• Accessibility
• Best practices