SEO Fundamentals Guide

A brief guide describing the fundamentals of SEO through the lenses of metadata, landmarks, page structure, HTML syntax, header tags and assets.

Oscar de la Hera Gomez
Written by Oscar de la Hera Gomez
First published on 12/23/2023 at 10:48
Last Updated on 12/24/2023 at 06:18
<p>A flower that represents SEO with the text "Fundamentals" beneath it.</p>

A brief guide describing the fundamentals of SEO through the lenses of metadata, landmarks, page structure, HTML syntax, header tags and assets.

SubscribeConsult our SEO Tools & Resources Guide

The following article serves as an overview of the lessons that we have learned on the fundamentals of SEO and cover the following topics: metadata, landmarks, page structure, HTML syntax, header tags and assets.

Metadata

<p>A screenshot of Chrome showing delasign's work page. Highlighted is the meta data for the page.<br /></p>

According to the literature, all metadata should be placed in the head of the HTML of the page and should at the very least have a:

  • canonical url
  • meta title
  • meta description
  • meta image

This data is not visible to a user when they open up your webpage but is fundamental to the way that your results appear on Google.

SEO Fundamentals: Metadata

Landmarks & Page Structure

<p>Examples of ARIA Landmarks as can be seen on the WCAG webpage linked below.</p>

A webpage needs to be structured in a way that uses regions known as landmarks that are labeled to enable robots to better understand content.

SEO Fundamentals: Landmarks & Page Structure

HTML Syntax

<p>A screenshot of Mozilla's page that lists out all the available HTML elements.</p>

HTML is written for robots and not for humans and therefore it is fundamental that HTML is written in a rich syntax that describes the content.

SEO Fundamentals: HTML Syntax

Header Tags

<p>A screenshot of W3C that shows the correct way to structure H1-H6 headings. You should never place a H1 below a H2 - or as the World Wide Web consortium puts it "Skipping heading ranks can be confusing and should be avoided where possible: Make sure that a <code>&lt;h2&gt;</code> is <strong>not</strong> followed directly by an <code>&lt;h4&gt;</code>, for example. It is ok to skip ranks when closing subsections, for instance, a <code>&lt;h2&gt;</code> beginning a new section, can follow an <code>&lt;h4&gt;</code> as it closes the previous section."</p>

Each webpage should contain 1 H1 and at least 1 H2.

Additionally, the headings should be used in a logical order.

SEO Fundamentals: Header Tags

Assets

<p>A screenshot of PageSpeed Insights showing how you can learn how to optimize your webpage's videos and images.</p>

Assets (i.e. images or video) should be optimized to be minimal in size.

All images should be formatted as WebP and all videos should be formatted as mp4.

SEO Fundamentals: Assets

Tools & Resources

<p>A flower that represents SEO with the text "Tools &amp; Resources" beneath it.</p>

Please consult the guide below if you are seeking SEO tools or resources to boost your development.

SEO Tools & Resources

Looking to learn more about SEO ?

Search our blog to find educational content on learning SEO and more.

Search our Blog

Any Questions?

We are actively looking for feedback on how to improve this resource. Please send us a note to inquiries@delasign.com with any thoughts or feedback you may have.
SubscribeContact UsVisit our BlogView our ServicesView our Work

Partner with us

We would love to get to know you and see how we can help your organization with its goals and needs.
Let's Talk

Stay Informed

Get occasional updates about our company, research, and product launches.
Subscribe