Shopify: Hoe kinne jo dynamyske tematitels en metabeskriuwingen programmearje foar SEO mei floeistof

Shopify Template Liquid - SEO-titel en metabeskriuwing oanpasse

As jo ​​​​de lêste moannen myn artikels hawwe lêzen, sille jo merke dat ik in protte mear haw dield oer e-commerce, foaral oangeande Shopify. Myn bedriuw hat in heul oanpaste en yntegreare útbou ShopifyPlus site foar in klant. Ynstee fan moannen en tsientûzenen dollars te besteegjen oan it bouwen fan in tema fanôf it begjin, hawwe wy de kliïnt oerpraten om ús in goed boud en stipe tema te brûken dat waard besocht en hifke. Wy gongen mei Wokiee, in multyfunksjoneel Shopify-tema dat in ton oan mooglikheden hat.

It fereaske noch moannen fan ûntwikkeling om de fleksibiliteit op te nimmen dy't wy nedich wiene basearre op merkûndersyk en feedback fan ús kliïnten. Yn 'e kearn fan' e ymplemintaasje wie dat Closet52 in direkte-nei-konsumint e-commerce-side is wêr't froulju maklik kinne keapje jurken online.

Om't Wokiee in multyfunksjoneel tema is, is ien gebiet wêrop wy heul rjochte binne sykmasino-optimisaasje. Yn 'e rin fan' e tiid leauwe wy dat organysk sykjen de leechste kosten per akwisysje sil wêze en shoppers mei de heechste yntinsje om te keapjen. Yn ús ûndersyk identifisearren wy dat froulju winkelje foar jurken mei 5 wichtige beslútfoarmers:

  • Stilen fan jurkjes
  • Kleuren fan jurken
  • Prizen fan jurken
  • Fergese fersending
  • Probleemfrij werom

Titels en meta-beskriuwings binne kritysk by it krijen fan jo ynhâld yndeksearre en goed werjûn. Dat, fansels, wolle wy in titeltag en meta-beskriuwingen dy't dy wichtige eleminten hawwe!

  • De titel yn in koptekst fan jo side is kritysk om te soargjen dat jo siden goed binne yndeksearre foar de sykopdrachten fan relevânsje.
  • De meta beskriuwing wurdt werjûn yn sykmasjine-resultaatsiden (SERP's) dy't ekstra ynformaasje leveret dy't de sykbrûker ferliedt om troch te klikken.

De útdaging is dat Shopify faak titels en meta-beskriuwings dielt oer ferskate side-sjabloanen - thús, kolleksjes, produkten, ensfh. Dat, ik moast wat logika skriuwe om de titels en meta-beskriuwingen dynamysk goed te befolkjen.

Optimalisearje jo Shopify-paginatitel

De temataal fan Shopify is floeiber en it is frij goed. Ik sil net yngean op alle details fan 'e syntaksis, mar jo kinne dynamysk in sidetitel frij maklik generearje. Ien ding dat jo hjir yn gedachten moatte hâlde is dat produkten farianten hawwe ... dus it opnimmen fan farianten yn jo sidetitel betsjut dat jo troch de opsjes moatte rinne en de snaar dynamysk bouwe as it sjabloan in produkt sjabloan.

Hjir is in foarbyld fan in titel foar in plaid trui jurk.

<title>Plaid Sweater Dress on sale today for $78.00 » Multi Knee-Length » Closet52</title>

En hjir is de koade dy't dat resultaat produseart:

{%- capture seo_title -%}
  {{- page_title -}}
    {% assign my_separator = " » " %}
    {%- if current_tags -%}{%- assign meta_tags = current_tags | join: ', ' -%}{{ my_separator }}{{ 'general.meta.tags' | t: tags: meta_tags -}}{%- endif -%}
    {%- if current_page != 1 -%}{{ my_separator }}{{ 'general.meta.page' | t: page: current_page }}{%- endif -%}
    {%- if template == "product" -%}{{ " on sale today for " }}{{ product.variants[0].price | money }}{{ my_separator }}{% for product_option in product.options_with_values %}{% if product_option.name == 'Color' %}{{ product_option.values | join: ', ' }}{% endif %}{% endfor %}{% if product.metafields.my_fields.dress_length != blank %} {{ product.metafields.my_fields.dress_length }}{%- endif -%}{%- endif -%}{{ my_separator }}{{ shop.name }}
{%- endcapture -%}
  
<title>{{ seo_title | strip_newlines }}</title>

De koade brekt sa út:

  • Sidetitel - yntegrearje earst de eigentlike sidetitel ... nettsjinsteande it sjabloan.
  • tags - tags opnimme troch mei te dwaan oan tags ferbûn mei in side.
  • Produkt kleuren - loop troch de kleuropsjes en bou in komma-skieden tekenrige.
  • Metafields - dizze Shopify-eksimplaar hat de jurklange as in metafjild dat wy wolle opnimme.
  • Priis - omfetsje de priis fan 'e earste fariant.
  • Winkelnamme - foegje de namme fan 'e winkel ta oan' e ein fan 'e titel.
  • Skieder - ynstee fan it werheljen fan de skieding, meitsje wy it gewoan in tekenrige opdracht en werhelje it. Op dy manier, as wy beslute om dat symboal yn 'e takomst te feroarjen, is it mar op ien plak.

Optimalisearje jo Shopify-pagina-metabeskriuwing

Doe't wy de side krûpen, merkten wy op dat elke tema-sjabloanside dy't waard neamd de SEO-ynstellingen fan 'e thússide werhelle. Wy woenen in oare meta-beskriuwing taheakje, ôfhinklik fan oft de side in thússide, kolleksjeside of eigentlike produktside wie.

As jo ​​net wis binne wat jo sjabloanamme is, foegje dan gewoan in HTML-notysje ta yn jo theme.liquid bestân en jo kinne de boarne fan 'e side besjen om it te identifisearjen.

<!-- Template: {{ template }} -->

Dit stelde ús yn steat om alle sjabloanen te identifisearjen dy't de metabeskriuwing fan 'e side brûkten, sadat wy de metabeskriuwing kinne oanpasse op basis fan it sjabloan.

Hjir is de meta-beskriuwing dy't wy wolle op 'e boppesteande produktpagina:

<meta name="description" content="Turn heads in this classic hunter green plaid sweater dress. Modern updates make it a must-have: the stand-up neckline, three-quarter sleeves and the perfect length. On sale today for $78.00! Always FREE 2-day shipping and hassle-free returns at Closet52.">

Hjir is dy koade:

{%- capture seo_metadesc -%}
  {%- if page_description -%}
    {%- if template == 'list-collections' -%}
      {{ "Find a beautiful dress for your next occasion. Here are all of our beautiful dress collections." | strip }} 
    {%- else -%}
    {{- page_description | strip | escape -}} 
      {%- if template == 'product' -%}
        {{ " On sale today for " }}{{ product.variants[0].price | money }}!
      {%- endif -%}
   {%- endif -%}
  {%- endif -%}
  {{ " Always FREE 2-day shipping and hassle-free returns at " }}{{ shop.name | strip }}.
{%- endcapture -%}
  
<meta name="description" content="{{ seo_metadesc | strip_newlines }}">

It resultaat is in dynamyske, wiidweidige set fan titels en meta-beskriuwings foar elk type sjabloan of detaillearre produktpagina. Troch foarút te gean, sil ik de koade nei alle gedachten refaktorearje mei help fan saakútspraken en it in bytsje better organisearje. Mar foar no produseart it in folle moaiere oanwêzigens op sykmasjinesresultaatsiden.

Trouwens, as jo in geweldige koarting wolle ... wy wolle graach dat jo de side testje mei in coupon fan 30%, brûk koade HIGHBRIDGE by it útchecken.

Winkelje no foar jurken

Bekendmakking: ik bin in filiaal foar Shopify en Themeforest en ik brûk dy keppelings yn dit artikel. Closet52 is in klant fan myn firma, Highbridge. As jo ​​​​help wolle by it ûntwikkeljen fan jo oanwêzigens yn e-commerce mei Shopify, asjebleaft kontakt mei ús opnimme.