E-handel en kleinhandelSoekbemarking

Shopify: Hoe om dinamiese tematitels en metabeskrywings vir SEO te programmeer met gebruik van vloeistof

As jy my artikels die afgelope paar maande gelees het, sal jy agterkom dat ek baie meer oor e-handel gedeel het, veral t.o.v. Shopify. My firma is besig om 'n hoogs pasgemaakte en geïntegreerde uit te bou ShopifyPlus webwerf vir 'n kliënt. Eerder as om maande en tienduisende dollars te spandeer om 'n tema van nuuts af te bou, het ons die kliënt oorgehaal om ons toe te laat om 'n goedgeboude en ondersteunde tema te gebruik wat beproef en getoets is. Ons het saam gegaan Wokiee, 'n veeldoelige Shopify-tema wat 'n klomp vermoëns het.

Dit het nog maande se ontwikkeling geverg om die buigsaamheid wat ons nodig gehad het, te inkorporeer op grond van marknavorsing en ons kliënt se terugvoer. Die kern van die implementering was 'n modevervaardiger wat 'n direk-na-verbruiker e-handelswerf wou bou waar vroue maklik rokke aanlyn sou kon koop.

Omdat Wokiee 'n veeldoelige tema is, is soekenjinoptimalisering een gebied waarop ons baie gefokus is. Met verloop van tyd glo ons dat organiese soektog die laagste koste per verkryging sal wees en kopers met die hoogste voorneme om te koop. In ons navorsing het ons geïdentifiseer dat vroue rokke koop met 5 belangrike besluitbeïnvloeders:

  • Style van rokke
  • Kleure van rokke
  • Pryse van rokke
  • Gratis aflewering
  • Geen moeite Terugkeer

Titels en metabeskrywings is krities om jou inhoud behoorlik te laat indekseer en vertoon. Ons wil dus natuurlik 'n titelmerker en metabeskrywings hê wat daardie sleutelelemente bevat!

  • Die titel tag in jou bladsyopskrif is van kritieke belang om te verseker dat jou bladsye behoorlik geïndekseer word vir soektogte van relevansie.
  • Die meta beskrywing word in soekenjinresultaatbladsye (SERP's) vertoon wat bykomende inligting verskaf wat die soekgebruiker verlei om deur te klik.

Die uitdaging is dat Shopify dikwels titels en metabeskrywings oor verskillende bladsysjablone deel – huis, versamelings, produkte, ens. So, ek moes 'n bietjie logika skryf om die titels en metabeskrywings dinamies behoorlik te vul.

Optimaliseer u Shopify-bladsytitel

Shopify se temataal is vloeistof en dit is nogal goed. Ek sal nie in al die besonderhede van die sintaksis ingaan nie, maar jy kan redelik maklik 'n bladsytitel dinamies genereer. Een ding wat jy hier in gedagte moet hou, is dat produkte variante het ... so om variante in jou bladsytitel in te sluit beteken dat jy deur die opsies moet loop en die string dinamies moet bou wanneer die sjabloon 'n produk sjabloon.

Hier is 'n voorbeeld van 'n titel vir 'n geruite trui rok.

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

En hier is die kode wat die resultaat lewer:

{%- capture seo_title -%}
    {%- if template == "collection" -%}{{ "Order " }}{%- endif -%}
    {{- page_title -}}
    {%- if template == "collection" -%}{{ " Online" }}{%- endif -%}
    {% assign my_separator = " » " %}
    {%- if current_tags -%}{%- assign meta_tags = current_tags | join: ', ' -%}
      {%- if template == 'blog' -%} 
      {{ " Articles" }} {%- if current_tags -%}{{ 'general.meta.tags' | t: tags: meta_tags | capitalize | remove: "&quot;" -}}{%- endif -%}
      {%- else -%}
      {{ my_separator }}{{ 'general.meta.tags' | t: tags: meta_tags -}}
      {%- endif -%}
    {%- endif -%}
    {%- if current_page != 1 -%}{{ my_separator }}{{ 'general.meta.page' | t: page: current_page }}{%- endif -%}
    {%- if template == "product" -%}{{ " only " }}{{ 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 -%}
    {% if template == "collection" %}{{ my_separator }}Free Shipping, No-Hassle Returns{% endif %}{{ my_separator }}{{ shop.name }}
  {%- endcapture -%}

<title>{{ seo_title | strip_newlines }}</title>

Die kode breek soos volg af:

  • Page titel – sluit eers die werklike bladsytitel in... ongeag die sjabloon.
  • Tags – inkorporeer etikette deur etikette aan te sluit wat met 'n bladsy geassosieer word.
  • Produkkleure – loop deur die kleuropsies en bou 'n komma-geskeide string.
  • Metavelde - hierdie Shopify-instansie het die roklengte as 'n metaveld wat ons wil insluit.
  • Prys – sluit die eerste variant se prys in.
  • Winkelnaam – voeg die winkel se naam aan die einde van die titel by.
  • separator – eerder as om die skeier te herhaal, maak ons ​​dit net 'n string-opdrag en herhaal dit. Op dié manier, as ons besluit om daardie simbool in die toekoms te verander, is dit net op een plek.

Optimaliseer u Shopify-bladsy-metabeskrywing

Toe ons die webwerf deurkruis het, het ons opgemerk dat enige temasjabloonbladsy wat genoem is, die SEO-instellings van die tuisblad herhaal. Ons wou 'n ander metabeskrywing byvoeg, afhangende van of die bladsy 'n tuisblad, versamelingsbladsy of die werklike produkbladsy is.

As jy nie seker is wat jou sjabloonnaam is nie, voeg net 'n HTML-nota by jou theme.liquid lêer en jy kan die bron van die bladsy sien om dit te identifiseer.

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

Dit het ons in staat gestel om al die sjablone te identifiseer wat die werf se metabeskrywing gebruik het sodat ons die metabeskrywing op grond van die sjabloon kon verander.

Hier is die metabeskrywing wat ons op die bogenoemde produkbladsy wil hê:

<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 no-hassle returns at Closet52.">

Hier is daardie kode:

  {%- 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 == 'blog' -%}
          {{ " Here are our articles" }} {%- if current_tags -%}{{ 'general.meta.tags' | t: tags: meta_tags | downcase | remove: "&quot;" -}}{%- endif -%}.
          {%- endif -%}
          {%- if template == 'product' -%}
  			{{ " Only " }}{{ product.variants[0].price | money }}!
  		  {%- endif -%}
      {%- endif -%}   	
  	{%- endif -%}
    {%- if template == 'collection' -%}
            {{ "Find a beautiful dress for your next occasion by color, length, or size." | strip }}
    {%- endif -%}
    {{ " Always FREE 2-day shipping and no-hassle returns at " }}{{ shop.name | strip }}.
  {%- endcapture -%}

<meta name="description" content="{{ seo_metadesc | strip_newlines }}">

Die resultaat is 'n dinamiese, omvattende stel titels en metabeskrywings vir enige tipe sjabloon of gedetailleerde produkbladsy. As ek vorentoe beweeg, sal ek heel waarskynlik die kode herfaktoreer deur gevalstellings te gebruik en dit 'n bietjie beter te organiseer. Maar vir nou lewer dit 'n baie mooier teenwoordigheid op soekenjinresultaatbladsye.

Openbaarmaking: Ek is 'n filiaal vir Shopify en Themeforest en ek gebruik daardie skakels in hierdie artikel. Closet52 was 'n kliënt van my firma, DK New Media. As jy hulp wil hê om jou e-handel-teenwoordigheid met Shopify te ontwikkel, asseblief Kontak Ons.

Douglas Karr

Douglas Karr is CMO van Maak INSIGTE oop en die stigter van die Martech Zone. Douglas het tientalle suksesvolle MarTech-opstartondernemings gehelp, het gehelp met die omsigtigheidsondersoek van meer as $5 miljard in Martech-verkrygings en -beleggings, en gaan voort om maatskappye te help met die implementering en outomatisering van hul verkoops- en bemarkingstrategieë. Douglas is 'n internasionaal erkende digitale transformasie en MarTech deskundige en spreker. Douglas is ook 'n gepubliseerde skrywer van 'n Dummie-gids en 'n besigheidsleierskapboek.

verwante Artikels

Terug na bo knoppie
Sluiting

Advertensieblok bespeur

Martech Zone is in staat om hierdie inhoud gratis aan u te verskaf, want ons verdien ons webwerf deur advertensie-inkomste, geaffilieerde skakels en borgskappe. Ons sal dit waardeer as jy jou advertensieblokkering sal verwyder terwyl jy ons webwerf bekyk.