Metamagic 101 – Introduzione, installazione e utilizzo

Metamagic gem è un plugin RoR per la creazione e la gestione dei meta tag. Genera automaticamente i meta tag in modo dinamico e riduce la necessità di scriverli ogni volta. Oltre ai normali meta tag, metamagic supporta anche tag personalizzati, OpenGraph (Facebook) e Twitter Card. È un fattore critico da considerare durante lo sviluppo di applicazioni web.

Cominciamo con la comprensione dei meta tag

I meta tag sono porzioni di dati che forniscono dettagli, noti anche come metainformazioni o metadati, su un particolare documento HTML. Ciò include la descrizione della pagina, le parole chiave, i dettagli delle ultime modifiche e così via. I meta tag non vengono visualizzati nella pagina web. Appaiono nel codice della pagina e solitamente si trovano nella sezione "intestazione" della pagina web. I programmi crawler che raccolgono informazioni per i motori di ricerca utilizzano meta tag per trovare e classificare i contenuti nelle pagine dei risultati di ricerca web. I meta tag non sono utilizzati da tutti i motori di ricerca ma si consiglia di ottimizzare i meta tag del sito web.

I tipi di meta tag

Sono quattro i principali meta tag rilevanti per il marketing su Internet. Sono i seguenti: Tag del titolo: Il titolo visualizzato per una pagina Web negli elenchi dei motori di ricerca, visualizzato anche nella scheda del browser della stessa pagina. Tag descrittivi: La descrizione che viene visualizzata per una pagina web negli elenchi dei motori di ricerca, proprio sotto il tag del titolo. Un'ottima descrizione con tutte le parole chiave importanti fornisce ai programmi crawler informazioni sulla pagina Web e può anche essere utilizzata per indurre il pubblico a visitare la pagina. Tag di parole chiave: il tag parola chiave include un elenco di parole chiave correlate alla pagina Web. Tag di testo alternativi: I tag alternativi o alt sono brevi descrizioni testuali delle immagini. Sono utili per migliorare la SEO sui browser di solo testo o quando la grafica è disattivata. Utile anche per migliorare l'esperienza di navigazione di persone con varie disabilità.

Meta tag e ottimizzazione dei motori di ricerca

I meta tag non hanno alcuna influenza sul posizionamento della pagina web negli elenchi dei motori di ricerca. Tuttavia, se utilizzato correttamente, aiuta i programmi crawler dei motori di ricerca a classificare, indicizzare e visualizzare informazioni sulla pagina Web, aiutando così la tua pagina Web a essere elencata nei risultati del motore di ricerca.

Requisiti per la gemma metamagica

• Rails 3.0 o versioni successive
• Ruby 1.9 o superiore

Installazione della gemma metamagica

1. Vai al Gemfile e aggiungi la metamagia della gemma
2. Esegui l'installazione del bundle

Esempio di utilizzo di base

Consideriamo il sistema di blogging. Inserisci quanto segue nella parte superiore della vista, ad esempio in app/views/blogs/show.html.erb:

<% meta titolo: "Il mio blog", descrizione: "Benvenuti nella pagina dei blog", parole chiave: %w(portafoglio devcamp blog) %>

Inserisci quanto segue in app/views/layouts/blog.html.erb:

  <%= metamagia %> ... 

Le voci precedenti genereranno il seguente contenuto HTML:

Modelli

I modelli sono utili per inserire metavalori dalle visualizzazioni nei layout. Ad esempio, puoi utilizzarlo per aggiungere un valore o una parola chiave predefinita su tutte le pagine. I modelli funzionano con tutti i tipi di tag, inclusi Twitter, OpenGraph e così via.

Modelli di titoli

I modelli di titolo vengono utilizzati per inserire automaticamente il nome del sito Web nel meta titolo. Ad esempio, inserisci quanto segue nel modello:

<Meta titolo %: "Il mio blog" %>

Inserisci quanto segue nel tuo layout:

<% sito metamagico: "Il mio sito", titolo: [:blog, :site], separatore: " — " %>

Le voci precedenti restituiranno il seguente risultato:

  
  ...

Può essere utilizzato anche nell'helper dell'applicazione:

modulo ApplicationHelper def meta_title_for(blog, sito) restituisce il sito se blog.blank? blog.include?(sito) ? blog: "#{blog} — #{sito}" end Fine

Modello di parole chiave

I modelli di parole chiave sono utili per aggiungere parole chiave predefinite a tutte le pagine di un sito web. Vuoi saperne di più sullo sviluppo RoR? RailsCarma può aiutarti! Toccalo oggi.