H1 Tag collection page, remove "Collection:"

Topic summary

A Shopify store owner wanted to remove the “Collection:” prefix from the H1 tag on collection pages, which was displaying as “Collection: Lighters” instead of just “Lighters”.

Solution Found:

  • Navigate to main-collection-banner.liquid file
  • Search for Collection-hero__title
  • Remove the code on line 7 (may vary by theme) that includes the “visually-hidden” span containing the collection template title prefix

Result:
After removing the specified code, the H1 tag displays only the collection name without the “Collection:” prefix. This change can improve SEO presentation, as the prefix sometimes appears in Google search results.

Summarized with AI on November 18. AI used: claude-sonnet-4-5-20250929.

If I put my collection page… https://www.pyroproducts.nl/collections/aanstekers through the heading tag checker I see that my H1 tag is as follows: Collection: Lighters. But is there any option that I can remove the part of “Collection:”. On google you sometimes see it too.

I just want the H1 tag to be: “Aanstekers”

See photo’s below

Scherm­afbeelding 2023-07-19 om 11.58.53.png

2 Likes

Well, i found the solution by myself.
Go to main-collection-banner.liquid. > Search for Collection-hero__title.

R****emove the following code on line 7 (for me)

{{ ‘sections.collection_template.title’ | t }}:

So what you have left is:


{{ ‘sections.collection_template.title’ | t }}:
{{- collection.title | escape -}}