Mac's Web Dev SOP
  • ⛵SEO
    • Overview
    • Robots.txt.liquid File
      • Overview
      • Customize
    • Hreflang Tags
      • Using Tags In Theme
      • Localized Page
    • Metadata
Powered by GitBook
On this page
  1. SEO

Metadata

PreviousLocalized Page

Last updated 2 years ago

Add SEO metadata to your theme

You can include search engine optimization (SEO) metadata in your theme using HTML and Liquid. There are three main aspects to consider:

  • The

  • The

The code for the above SEO metadata should be included in the <head> element.

For example:

layouts/theme.liquid
<head>
  <title>
    {{ page_title -}}
    {%- if current_tags %} &ndash; tagged "{{ current_tags | join: ', ' }}"{% endif -%}
    {%- if current_page != 1 %} &ndash; Page {{ current_page }}{% endif -%}
    {%- unless page_title contains shop.name %} &ndash; {{ shop.name }}{% endunless -%}
  </title>

  {% if page_description %}
    <meta name="description" content="{{ page_description | escape }}" />
  {% endif %}

  <link rel="canonical" href="{{ canonical_url }}" />
</head>

The title tag

The meta description

Canonical URLs

For another example of including metadata in a theme, you can refer to .

You can include a <title> element for search engines to read the page title from. The title for most pages can be set in the admin, and you can access this title with the Liquid .

You can include a <meta> element for search engines to read the page description from. The description for most pages can be set in the admin, and you can access this description with the Liquid .

You can specify a canonical URL for a given page using the global Liquid .

⛵
title tag
meta description
Canonical URLs
Dawn's implementation
page_title object
page_description object
canonical_url object