On-page SEO in Shopify: meta tags, headers, semantic HTML, images and linking
On-page SEO in Shopify is all the elements of the page that we can directly control and optimize to improve the visibility of the store on Google. This includes, but is not limited to, meta tags, H1—H6 headers, semantic HTML, image optimization, as well as internal and outbound linking. It is these areas that form the foundation of effective Shopify SEO and often determine whether an online store will start generating valuable search traffic.
May 14, 2026
|
Aleksiej Łojkiewicz
For Shopify, the theme is especially relevant. The platform is convenient, quick to implement and very popular in e-commerce, but it also has some technical limitations. That's why well-planned Shopify optimization is of paramount importance for your store's visibility. Even a visually appealing store can have a problem with positions if the basic elements of on-page SEO have not been implemented correctly.
If you care about better organic results, higher CTR, and better store structure, then Shopify store optimization It should start with on-page SEO.
Meta title and meta description in Shopify
Meta title and meta description in Shopify These are some of the most important elements of website optimization. They affect both how Google understands the content of the subpage and whether the user clicks on the search result. From perspective Shopify store positioning well-written meta tags increase the chances of better visibility and higher CTR.
How long should meta tags be?
In practice, it is worth sticking to proven lengths. Meta title should be about 50—60 characters, and meta description approximately 150—160 characters. If they are too long, Google can cut them, making the message less readable and less effective.
Uniqueness of meta tags and the problem of duplication
Each subpage should have:
- unique title,
- unique description.
This is especially important in Shopify because duplicate meta tags is one of the most common SEO issues on this platform. Duplication occurs especially with a large number of products, collections and semi-automatically generated pages.
Blank fields in Shopify
Shopify can automatically generate meta tags, but very often they are of poor quality and suboptimal for SEO. Sometimes they don't contain the main keyword phrase, are too general, or don't prompt you to click.
Development approach to meta tags
On the technical side, we can implement solutions that improve the quality of meta data. As developers, we can automatically generate meta title based on the scheme, for example: product name + brand. We can also create fallbacks for meta descriptionby downloading a snippet of a product description, category, or blog post.
Thanks to this:
- we avoid empty fields,
- We maintain consistency,
- We improve SEO scalability in larger stores.
Still, the best solution for key sites still remains manual meta tag completion. This is especially true of the homepage, important collections, bestsellers and service pages.
Liquid example — automatic fallback meta description:
{%- assign meta_desc = page_description -%}
{%- if meta_desc == blank -%}
{%- if template == 'product' -%}
{%- assign meta_desc = product.description | strip_html | truncate: 155-%}
{%- elsif template == 'collection' -%}
{%- assign meta_desc = collection.description | strip_html | truncate: 155-%}
{%- endif -%}
{%- endif -%}
<meta name="description" content="{{ meta_desc | escape }}">
Meta Tag Checklist
During the audit, it is worth checking whether:
- each subpage has a meta title and meta description,
- there are no duplicates,
- there are no empty fields,
- title contains the main keyword phrase,
- description supports CTR and corresponds to user intent.
H1—H6 Headers in Shopify
Headings are responsible for the structure of the content and help Google understand the topic of the page. Well planned H1 headers in Shopify and the correct H2—H6 hierarchy support both SEO Shopify, as well as the usability of the site.
H1 — the most important header on the page
On each subpage there should be only one H1. It should be visible high in the code and clearly define the topic of the page. On category pages, it is best to have H1 simply the name of the collection or category.
Liquid — H1 example on a collection page with tag support:
<h1>
{{- collection.title -}}
{%- if current_tags.size > 0-%}
— {{current_tags | join: ','}}
{%- endif -%}
</h1>
Hierarchy of H2, H3 and subsequent headers
Lower-order headings should build a logical structure of the content. H2 should describe the main sections of the page, H3 expand the subsections, and H4 and beyond specify more detailed elements. It is useful to include keywords in the headings, but always naturally.
How long should the headlines be?
It is important to keep the headlines specific and concise. It is good practice to keep them within limits. 70—80 characters. Headings that are too long lose their legibility and often sound unnatural.
The most common errors in Shopify
In Shopify stores, errors regularly appear that disrupt the structure of the page:
- logo set as H1,
- lack of H1 on the pages of the collection,
- headers used in UI elements such as cart drawer, popups, or sidebars.
Such solutions disrupt HTML semantics and weaken SEO signals.
Headers on homepage
On the main page, the structure of the headings should be particularly orderly. Section headings, such as product lists, collections, or blog posts, are best marked as H2. In turn, titles in product cards, articles and individual blocks should be marked as H3.
Header Checklist
It is worth checking whether:
- on the site there is only one H1,
- H1 corresponds to the subject of the subpage,
- the hierarchy H2, H3 and H4,
- headings are not abused in technical elements,
- The homepage has a logical header structure.
Semantic HTML vs SEO: tags that matter
Semantic HTML is one of the foundations of effective SEO, which is often overlooked in daily work on a store or blog. It's about using Relevant HTML tags not only for visual formatting, but above all for giving structure and importance of content — both for Google and for users using accessibility technologies.
Search engines like Google analyze the HTML structure of a page to understand what is the main content, what is navigation, and what is a side element. With the right tags, the robot can index content more effectively and better match it to user queries.
Tag <article>in blogs and self-defining content
If you blog on the Shopify store (and you definitely should!) , every blog post should be wrapped in a tag <article>. This tag tells Google that the content is a self-determined unit — an article, an entry, a review — which can be read independently of the rest of the page.
This is especially important from the perspective rich snippets and featured snippets in search results. Google is more willing to promote content whose HTML structure makes it clear that they are articles.
<article><time datetime>Example Liquid — semantic with:
{%- for article in blog.articles -%}
<article itemscope itemtype="https://schema.org/BlogPosting">
<h2 itemprop="headline">{{article.title}}</h2>
<time datetime="{{ article.published_at | date: '%Y-%m-%dT%H:%M:%SZ' }}">
{{article.published_at | date: '%d.% m.% Y'}}
</time>
<p itemprop="description">{{article.excerpt}}</p>
</article>
{%- endfor -%}
Important semantic tags and their application
The following table shows the most important semantic tags, their use and the impact on SEO and accessibility of the site:
The <time>datetime tag and attribute — why is it important?
Etiqueta <time> with attribute datetijd allows Google to precisely determine the date of publication or update of content. This is one of the signals freshness of content, which affects rankings — especially for time-dependent content such as how-to posts, news or promotion descriptions.
Example usage: <time datetime="2025-01-15">15 January 2025</time>
Without this attribute, Google has to infer the date of the content on its own — which can lead to errors. Tag Deployment <time> is especially important in Shopify stores, where a blog is part of a content marketing strategy.
<address>E-E-A-T Tag and Signals
Etiqueta <address> is the semantic designation of the contact details of the author or company. Its correct use strengthens the signals E-E-A-T (Experience, Expertise, Authoritativeness, Trustworthiness), which Google is increasingly taking into account when evaluating the quality of pages.
In the context of an online store tag <address> it is worth applying to the contact details of the company, the address of the registered office or information about the authors of blog entries. This supports the local SEO dimension.
<strong>vs <b>— which is more important for SEO?
This is one of the most commonly confused distinctions in HTML. Although both tags visually make the text bold, they have completely different semantic meaning:
- <strong> — means that a particular piece of text is valid. This is a semantic signal that Google takes into account when analyzing content. If you include a keyword in it, it can have a slight positive effect on SEO.
- <b> — is used exclusively for visual thickening without giving semantic meaning. Google treats it as a neutral formatting element.
Practical rule: use <strong> where you want to highlight keywords or really relevant information. Use <b> when you only care about the visual effect — without the context of meaning.
How not to exceed the measure? The pitfalls of overuse
Both <strong>, as well as excess thickenings, can act to a disadvantage. Google is sensitive to keyword stuffing and excessive emphasis on content. If on the page almost every word is in bold, the semantic signal <strong> Loses in value.
Proven approach:
- On one page, bold at most a few to a dozen phrases.
- Prioritize <strong>for major keywords and key information.
- Avoid using <strong>in navigation, footer, and repetitive UI elements.
- Do not use <b>and <strong>interchangeably — plan their use consciously.
Semantic HTML Checklist
- Blog posts packed in <article>
- Main page content in <main>(only one tag per page)
- Tagged navigation <nav>
- Publication dates with tag <time datetime="...">
- Contact details in <address>
- <figure>Images with descriptions in and <figcaption>
- <strong>used only to semantically emphasize importance
- No excessive use of bold and accent tags
Images in Shopify: ALT, TITLE and filenames
Optimize images in Shopify It affects not only SEO, but also the accessibility of the site. In an online store, images serve a sales function, but from Google's perspective, they must also be properly described.
ALT and TITLE — what's the difference?
Attribute ALT describes the image and helps Google understand what is in the graphic. It is also very important from the point of view of accessibility, since it is used by technologies that support users with disabilities.
Attribute TITOLO It is much less important for SEO. It usually serves as an auxiliary function and is sometimes displayed as a tooltip. If we talk about Image SEO in ShopifyThe most important thing is ALT.
Image filenames
File names should be legible and describe the contents of the photo. It is good if they contain keywords, as long as they are natural and adequate. Instead of IMG_1234.jpg, it is better to use buty-sportowe-nike.jpg.
Store migration and file names
When migrating a store, it is not worth rashly changing the names of existing image files. Such actions can lead to 404 errors, loss of SEO signals, and indexing problems. If the images are already functioning in the ecosystem of the store and are indexed, it is better to be careful.
Development approach to ALTs
When creating a theme or section, we can automatically generate ALT images in Shopify, for example, based on the title of the product. We can also make it more unique by adding numbering or variants of descriptions.
Example Liquid — automatic ALT of the image:
{%- assign alt = image.alt | default: product.title -%}
{{image | image_url: width: 800 | image_tag: alt: alt, loading: 'lazy'}}
Image Checklist
Check if:
- every important image has ALT,
- ALT describes the image naturally,
- new files have the correct names,
- there is no oversaturation with keywords.
Internal Linking in Shopify
Internal Linking in Shopify is one of the most important elements of effective SEO, and at the same time one of the most overlooked. A well-designed link structure helps Google understand the store's architecture, indicates the most important subpages, and improves the flow of SEO value.
Link juice and store structure
Each internal link transfers part of the authority to another subpage. This allows Google to better understand which pages are important and how they relate to each other. This is especially true for stores with a large number of products, collections and how-to content.
SEO and UX must work together
Good internal linking of links SEO and UX. Links should help both search engine robots and users. If a store visitor can easily move from blog post to category, from category to product, and from product to ancillary content, he gains not only SEO, but also conversion.
How to design linking?
In practice, it is worth combining with each other:
- related products,
- collections,
- blog posts,
- buying guides,
- service pages.
Modules of the type work especially well produkter relaterade, articoli correlati and logical cross-linking between the blog and the offer.
Examples of good anchors
Instead of general anchors of the type click here, it is better to use descriptive anchors, for example:
- Shopify SEO audit
- Shopify store optimization
- Technical SEO Shopify
- migrating to Shopify
- Shopify Deployment
Internal Linking Checklist
It is worth checking whether:
- each important subpage has internal links,
- anchor text is descriptive and natural,
- there are links between blog, collections and products,
- there are no orphaned pages.
Outbound linking and rel="nofollow”
Outgoing links lead to other pages and can convey some of the SEO value outside the domain. By themselves, they are not a problem, but they should be used consciously.
Why control outbound links?
If the store links to external sites without control, part of the authority can be passed on. Therefore, it is useful to know when an outgoing link supports the credibility of the content and when it is better to limit its impact.
When to use rel="nofollow”?
The rel="nofollow” attribute should be used in the case of:
- Sponsored Links,
- affiliate links,
- sources that we do not fully trust.
Outbound Linking Errors
The most common mistakes are:
- linking to poor quality sites,
- lack of control over outgoing links,
- excessive use of nofollow, also where it is not needed.
summary
On-page SEO in Shopify is the foundation of store visibility on Google. Even the best designed store will not achieve good results if the basic elements of the site are not optimized. Meta tags, headers, semantic HTML, images and linking are not add-ons, but the base from which the effective begins Shopify store positioning.
Therefore, it is worth looking at SEO in Shopify not only from the perspective of content, but also from the technical and developer side. Well-implemented automation mechanisms help avoid errors, maintain consistency, and scale SEO activities across the store.
If you want to carry out Shopify SEO audit, tidy up On-page SEO or implement technical optimizations in the store, contact us. We'll help you improve your website structure, increase visibility on Google, and design solutions tailored to your business.
