Generador de metaetiquetes

Com fer servir el generador de metaetiquetes

1. Escriu el Títol de la pàgina i la Meta descripció. Sota cada camp, un comptador mostra el nombre de caràcters i l’interval recomanat.
2. Afegeix la URL canònica si es pot arribar a la pàgina per diverses adreces (amb paràmetres de seguiment, amb barra final i sense, etc.).
3. Si vols, omple l’Autor (opcional) i un Color del tema (opcional) en hexadecimal, com #1e40af, que alguns navegadors mòbils fan servir per acolorir la barra d’adreces.
4. A Cercadors, tria si la pàgina s’ha d’indexar i si se n’han de seguir els enllaços, i marca les directives addicionals que necessitis.
5. Deixa marcats Codificació de caràcters (UTF-8) i Àrea visible per a mòbils (viewport), tret que la plantilla ja els inclogui.
6. Llegeix la llista de Comprovacions i després Copia o Baixa el codi i enganxa’l dins del <head> de la pàgina.

Tot passa al teu navegador: res del que escrius s’envia a cap servidor.

Què fa cada etiqueta

• <title>: el nom de la pàgina a la pestanya del navegador i, la major part de les vegades, el titular en què es fa clic als resultats de cerca. Posa-hi primer el tema principal i fes-lo únic a cada pàgina.
• Meta descripció: un resum que els cercadors sovint, però no sempre, mostren sota el títol. No és un factor de posicionament, però una descripció clara que encaixi amb la cerca pot aconseguir més clics.
• Enllaç canònic: indica als cercadors quina URL és la versió preferida quan el mateix contingut està disponible a diverses adreces. Ha de ser una URL absoluta.
• Etiqueta meta robots: controla la indexació només d’aquesta pàgina. noindex la manté fora dels resultats, nofollow demana als rastrejadors que no en segueixin els enllaços, noarchive els demana que no en guardin una còpia a la memòria cau, nosnippet amaga el fragment de text i max-image-preview:large permet miniatures d’imatge grans.
• Viewport: width=device-width, initial-scale=1 fa que la pàgina faci servir l’amplada del telèfon en lloc d’un disseny d’escriptori reduït. Google indexa primer la versió mòbil de les pàgines, així que aquesta etiqueta és important.
• Charset: utf-8 fa que les lletres accentuades, els símbols i els emojis es mostrin correctament. Hauria de ser el primer element del <head>.

Quan deixes l’opció per defecte, «Indexa aquesta pàgina i segueix-ne els enllaços», l’eina omet del tot l’etiqueta robots, perquè index, follow és el que els cercadors fan de totes maneres.

Longituds recomanades

Els cercadors retallen els títols i les descripcions per amplada en píxels, no per un nombre fix de caràcters, així que les xifres següents són orientacions, no regles:

Per veure com quedarà realment el teu text, amb l’amplada en píxels inclosa, fes servir una previsualització de fragment de cerca. A més, els cercadors poden reescriure un títol o una descripció quan consideren que un altre text de la pàgina respon millor a la consulta.

Escapament i seguretat

Cada valor s’escapa abans d’inserir-lo: &, ", ', < i > esdevenen entitats HTML, i els salts de línia es converteixen en espais. Per tant, una descripció amb cometes o un títol amb & produeix HTML vàlid que no pot trencar la pàgina. Tot passa al teu navegador; res del que escrius s’envia enlloc.