DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

Carlo Gino Catapang
Carlo Gino Catapang

Posted on • Updated on • Originally published at codegino.com

Search Engine Optimization Cheat Sheet

Table of Contents

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 valid

Run 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-scale

A <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> element

The 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 search
Learn more

  • Document has a meta description

Meta descriptions may be included in search results to concisely summarize page content.
Learn more

  • Page has successful HTTP status code

Pages with unsuccessful HTTP status codes may not be indexed properly.
Learn more

  • Links have descriptive text

Descriptive link text helps search engines understand your content.
Learn more

  • Links are crawlable

Search 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 isn’t blocked from indexing

Search engines are unable to include your pages in search results if they don't have permission to crawl them.
Learn more

  • robots.txt is valid

If 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] attributes

Informative elements should aim for short, descriptive alternate text. Decorative elements can be ignored with an empty alt attribute.
Learn more

  • Document has a valid hreflang

hreflang 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=canonical

Canonical links suggest which URL to show in search results.
Learn more

  • Document avoids plugins

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

  • Document uses legible font sizes

Font 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 appropriately

Interactive 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)

Top comments (1)

Collapse
 
bernasantolin profile image
Antolin B. Bernas Jr.

Ayos to thanks sir !!

Want to help the DEV Community feel more like a community? πŸ₯Ή

Head over to the Welcome Thread and greet some new community members!