Outil général / 33

Générateur de balises meta SEO pour Shopify et aperçu SERP

Générez des balises de titre et des meta descriptions Shopify optimisées pour la recherche, avec aperçus SERP en largeur de pixels, Liquid réutilisable et sortie HTML statique.

Générateur de balises meta SEO pour Shopify et aperçu SERP: TOEA estime les largeurs du titre et de la description (~600px et ~960px en plafonds sur ordinateur), puis crée un extrait Liquid à portée du type de page qui lit les objets Shopify au moment du rendu. Le panneau HTML statique est un aperçu des valeurs saisies ici, pas un remplacement à l'échelle du thème. Fonctionne 100 % localement dans votre navigateur, sans aucun téléversement de fichier vers le serveur.

Catégorie: Outils web
Exécutions: Dans votre navigateur
Coût: Gratuit · sans inscription
Disponibilité: Prêt à l'emploi

Page Shopify et détails méta

Type de page

Titre de la page

Nom de la boutique Shopify

Méta description

Mot-clé cible principal

Prix (produit uniquement)Utilisé uniquement pour l'aperçu statique du produit.

Devise

Aperçu en temps réel de l'extrait Google SERP

https://apexcoffeeroasters.myshopify.com› products ›grains-d-espresso-bio-artisanaux

Grains d'espresso bio artisanaux | Apex Coffee Roasters

US$24.99 • Découvrez nos grains d'espresso bio torréfiés localement en petites séries, aux notes intenses de chocolat noir et de noisette. Commandez du café frais en ligne dès aujourd'hui !

Largeur du titre en pixels413px / 600px

55 caractères ✓ Dans les limites du titre

Largeur de la méta description1017px / 960px

178 caractères ⚠️ Peut tronquer le texte de l'extrait

Extrait méta Liquid Shopify

{% comment %} Shopify SEO Tags — reusable product output. Render this snippet from layout/theme.liquid <head> and remove overlapping title/meta tags. Values come from Shopify objects, not this preview. {% endcomment %}
{% if request.page_type == 'product' and product %}
{% assign seo_title = page_title | default: product.title %}
{% assign seo_description = page_description | default: product.description | strip_html %}
{% assign seo_og_type = 'product' %}
<title>{{ seo_title | escape }}{% if shop.name != blank and seo_title != shop.name %} | {{ shop.name | escape }}{% endif %}</title>
{% if seo_description != blank %}<meta name="description" content="{{ seo_description | escape }}" />{% endif %}

<meta property="og:site_name" content="{{ shop.name | escape }}" />
<meta property="og:type" content="{{ seo_og_type | escape }}" />
<meta property="og:title" content="{{ seo_title | escape }}" />
<meta property="og:description" content="{{ seo_description | escape }}" />
{% if product.selected_or_first_available_variant.price != blank %}
<meta property="og:price:amount" content="{{ product.selected_or_first_available_variant.price | money_without_currency | strip_html | escape }}" />
<meta property="og:price:currency" content="{{ cart.currency.iso_code | default: shop.currency | escape }}" />
{% endif %}
{% endif %}

Sortie de l'aperçu HTML statique

<!-- Static preview only; use the Liquid output for theme templates. -->
<title>Grains d'espresso bio artisanaux | Apex Coffee Roasters</title>
<meta name="description" content="Découvrez nos grains d'espresso bio torréfiés localement en petites séries, aux notes intenses de chocolat noir et de noisette. Commandez du café frais en ligne dès aujourd'hui !" />
<meta property="og:site_name" content="Apex Coffee Roasters" />
<meta property="og:type" content="product" />
<meta property="og:title" content="Grains d'espresso bio artisanaux | Apex Coffee Roasters" />
<meta property="og:description" content="Découvrez nos grains d'espresso bio torréfiés localement en petites séries, aux notes intenses de chocolat noir et de noisette. Commandez du café frais en ligne dès aujourd'hui !" />
<meta property="og:price:amount" content="24.99" />
<meta property="og:price:currency" content="USD" />

Où Shopify génère déjà ces balises

La plupart des thèmes, notamment Dawn et les nombreux thèmes qui en dérivent, génèrent déjà le titre, la meta description et les balises Open Graph depuis layout/theme.liquid et un extrait tel que meta-tags.liquid. Ajouter également cet extrait produit deux titres et deux descriptions. Commentez ou supprimez les balises propres au thème pour les types de pages couverts par l'extrait, puis consultez le code source de la page pour vérifier qu'il n'en reste qu'une de chaque.

Titres et descriptions depuis l'interface d'administration

L'interface d'administration de Shopify comporte une section de référencement pour chaque produit, collection et page, et Liquid expose ces valeurs sous les noms page_title et page_description. L'extrait les lit en priorité : le référencement saisi manuellement dans l'interface est donc celui que voient les moteurs de recherche, tandis qu'une fiche laissée vide reprend le titre et la description de l'élément. Une modification ultérieure de la fiche ne nécessite alors qu'une modification dans l'interface, et non dans le thème. Les compteurs de l'interface autorisent 70 caractères pour le titre et 320 pour la description, soit davantage que ce qu'affiche une page de résultats ; rédigez donc la fiche en vous aidant des indicateurs de pixels proposés ici.

Une description de produit peut être bien plus longue qu'un extrait, que les moteurs de recherche tronquent simplement. Vérifiez le résultat avec le vérificateur de balises meta une fois la page en ligne.

Comment l'utiliser

Choisissez Produit, Collection ou Page, puis saisissez le titre, le nom de la boutique, la description et le mot-clé cible.
Passez en revue l'aperçu de l'URL propre à la page, le prix du produit tenant compte de la devise et les jauges de troncation selon la largeur en pixels.
Enregistrez le Liquid réutilisable comme extrait de thème et rendez cet extrait depuis layout/theme.liquid, ou copiez la sortie HTML statique séparée pour des tests.

Confidentialité et limitations

Vos informations de boutique et de produit restent entièrement dans votre navigateur.

Outils associés

Questions fréquentes

Pourquoi mesurer les titres en largeur de pixels plutôt qu'en nombre de caractères ?

Google tronque les titres de SERP en fonction de la largeur en pixels du conteneur (~600px) plutôt qu'au nombre exact de caractères. Les caractères larges ('W', 'M') occupent plus d'espace que les caractères étroits ('i', 'l').

Où dois-je coller l'extrait Liquid ?

Enregistrez-le comme extrait, par exemple snippets/toea-meta-tags.liquid, puis rendez cet extrait dans le <head> de layout/theme.liquid. Il lit les objets product, collection, page, shop et currency à l'exécution, donc les valeurs d'aperçu ne sont pas codées en dur. Remplacez les métadonnées de thème qui se chevauchent plutôt que d'ajouter une deuxième balise title ou description.

Puis-je coller la sortie HTML statique dans theme.liquid ?

Utilisez le panneau HTML statique pour des aperçus ou un test contrôlé uniquement. Il contient les valeurs saisies dans cet outil ; pour un thème en direct, utilisez la sortie Liquid réutilisable afin que chaque page récupère ses propres données Shopify.

Outil gratuit · dans votre navigateur exécutions · aucun compte requis