This content originally appeared on DEV Community and was authored by Carlo Gino Catapang
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
hrefattributes on links to crawl websites. Ensure that thehrefattribute 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.txtis 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
hreflanghreflanglinks 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 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)
- Performance
- Accessibility
- Best practices
This content originally appeared on DEV Community and was authored by Carlo Gino Catapang
Carlo Gino Catapang | Sciencx (2022-01-03T04:31:13+00:00) Search Engine Optimization Cheat Sheet. Retrieved from https://www.scien.cx/2022/01/03/search-engine-optimization-cheat-sheet/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.