SEO Fundamentals Guide

Oscar de la Hera Gomez
A flower that represents SEO with the text "Fundamentals" beneath it.

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

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

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

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.

Landmarks & Page Structure

Examples of ARIA Landmarks as can be seen on the WCAG webpage linked below.

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.

HTML Syntax

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

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.

Header Tags

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."

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

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

Assets

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

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.

Tools & Resources

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

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

Looking to learn more about SEO ?

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

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.
delasign logo

Book a Free Consultation.

An icon of an email.

Click here to email us.

Fill in the details below to book a free consultation or to let us know about something else. Whatever it is, we are here to help.

How can we help you ?

Contact Details