Métamagie 101 - Introduction, installation et utilisation

Metamagic gem est un plugin RoR pour la création et la gestion des méta-tags. Il génère automatiquement les balises méta de manière dynamique tout au long du processus et réduit la nécessité de les écrire à chaque fois. Outre les métabalises classiques, metamagic prend également en charge les balises personnalisées, les cartes OpenGraph (Facebook) et les cartes Twitter. Il s'agit d'un facteur essentiel à prendre en compte lors du développement d'applications web.

Commençons par comprendre les métabalises

Les métabalises sont des éléments de données qui fournissent des détails - également connus sous le nom de méta-informations ou métadonnées - sur un document HTML particulier. Il s'agit notamment de la description de la page, des mots-clés, des détails sur les dernières modifications, etc. Les métabalises ne sont pas affichées sur la page web. Elles apparaissent dans le code de la page et se trouvent généralement dans la section "head" de la page web. Les programmes d'exploration qui recueillent des informations pour les moteurs de recherche utilisent les métabalises pour trouver et classer le contenu des pages de résultats de recherche. Les métabalises ne sont pas utilisées par tous les moteurs de recherche, mais il est recommandé d'optimiser les métabalises des sites web.

Les types de métabalises

Il y a quatre balises méta principales qui sont pertinentes pour le marketing internet. Elles sont les suivantes : Balises de titre : Titre affiché pour une page web dans les listes des moteurs de recherche - également affiché dans l'onglet du navigateur de la même page. Étiquettes de description : La description qui est affichée pour une page web dans les listes des moteurs de recherche, juste en dessous de la balise de titre. Une bonne description avec tous les mots-clés importants fournit au robot d'exploration des informations sur la page web et peut également être utilisée pour inciter le public à visiter la page. Mots clés: La balise mot-clé comprend une liste de mots-clés liés à la page web. Balises de texte alternatives : Les balises Alt sont de brèves descriptions textuelles des images. Elles sont utiles pour améliorer le référencement sur les navigateurs en mode texte uniquement ou lorsque les graphiques sont désactivés. Elles sont également utiles pour améliorer l'expérience de navigation des personnes souffrant de divers handicaps.

Métabalises et optimisation pour les moteurs de recherche

Les balises méta n'ont aucune influence sur le classement de la page web dans les listes des moteurs de recherche. Toutefois, lorsqu'elles sont utilisées correctement, elles aident les programmes d'exploration des moteurs de recherche à classer, indexer et afficher des informations sur la page web, ce qui permet à votre page web de figurer dans les résultats des moteurs de recherche.

Conditions requises pour la gemme métamagique

• Rails 3.0 ou supérieur
• Ruby 1.9 ou supérieur

Installation d'une gemme métamagique

1. Allez dans le fichier Gemfile et ajoutez la gem metamagic
2. Exécuter bundle install

Exemple d'utilisation de base

Considérons le système de blogs. Saisissez ce qui suit en haut de la vue, par exemple dans app/views/blogs/show.html.erb :

<% meta title: "My Blog", description: "Welcome to blogs page", keywords: %w(blogs devcamp portfolio) %>

Saisissez ce qui suit dans app/views/layouts/blog.html.erb :

  ... 

Les entrées ci-dessus génèrent le contenu HTML suivant :

Modèles

Les modèles sont utiles pour saisir les méta-valeurs des vues dans les mises en page. Par exemple, vous pouvez les utiliser pour ajouter une valeur ou un mot-clé par défaut sur toutes les pages. Les modèles fonctionnent avec tous les types de balises, y compris Twitter, OpenGraph, etc.

Modèles de titres

Les modèles de titre sont utilisés pour insérer automatiquement le nom du site web dans le méta titre. Par exemple, entrez ce qui suit dans votre modèle :

<% meta title: "My Blog" %>

Saisissez les éléments suivants dans votre modèle :

<% metamagic site: "My Site", title: [:blog, :site], separator: " — " %>

Les entrées ci-dessus donneront le résultat suivant :

  
  ...

Il peut également être utilisé dans l'aide à l'application :

module ApplicationHelper
def meta_title_for(blog, site)
return site if blog.blank ?
blog.include ?(site) ? blog : "#{blog} - #{site}"
end
Fin

Modèle de mots-clés

Les modèles de mots-clés sont utiles pour ajouter des mots-clés par défaut à toutes les pages d'un site web. Vous voulez en savoir plus sur le développement RoR ? RailsCarma peut vous aider ! Prenez contact dès aujourd'hui.