C贸mo instalar metaetiquetas SEO para principiantes

Las metaetiquetas son c贸digos HTML que pueden informar a los motores de b煤squeda de informaci贸n importante en una p谩gina web y pueden indicar a los navegadores web c贸mo mostrar informaci贸n a los visitantes.

C贸mo instalar metaetiquetas SEO para principiantes
脥ndice de contenido

    Qu茅 son las Metaetiquetas

    Las metaetiquetas son c贸digos HTML que pueden informar a los motores de b煤squeda de informaci贸n importante en un sitio web y pueden indicar a los navegadores c贸mo mostrar esta informaci贸n a los visitantes.

    Cada p谩gina web tiene una metaetiqueta que solo es visible en el c贸digo HTML.

    En esta pauta, aprenderemos c贸mo usar varias metaetiquetas que tienen implicaciones importantes para el SEO.

    Meta t铆tulo

    El Title de la metaetiqueta es el t铆tulo de la p谩gina que aparecer谩 en los resultados de b煤squeda (SERP) en Google y otros motores de b煤squeda.

    Meta t铆tulo

    驴Por qu茅 es importante el t铆tulo de la metaetiqueta para SEO?

    Aqu铆 hay una explicaci贸n de Google :

    El t铆tulo del art铆culo es muy importante, ya que puede proporcionar informaci贸n r谩pida y relevante sobre la consulta de b煤squeda que est谩 buscando el usuario. A veces, el t铆tulo se usa a menudo para determinar el resultado en el que se puede hacer clic. Por lo tanto, es muy importante utilizar t铆tulos de alta calidad en las p谩ginas web.

    Consejos para crear un t铆tulo de etiqueta meta

    1. Cree una etiqueta de t铆tulo 煤nica para cada p谩gina;
    2. Mantenga la etiqueta de t铆tulo corta pero descriptiva / clara;
    3. Evite las etiquetas de t铆tulo gen茅ricas y poco claras;
    4. Utilice la oraci贸n de etiqueta de t铆tulo correcta;
    5. Haga que se pueda hacer clic en la etiqueta de t铆tulo y no en Clickbait;
    6. Personalice con intenci贸n de b煤squeda;
    7. Incluir palabras clave objetivo donde creemos que son apropiadas;
    8. Utilice una etiqueta de t铆tulo que no supere los 60 caracteres.

    C贸mo agregar un t铆tulo de metaetiquetas en un sitio web / blog

    Pegue el siguiente c贸digo en la secci贸n聽<head>聽de su聽sitio web / blog:

    <title>Este es el t铆tulo de la p谩gina.</title>

    Si usa Blogger, puede usar el siguiente t铆tulo de metaetiqueta:

    <b:if cond="data:view.isSingleItem">      <title><data:blog.pageName/></title>
     
         <b:elseif cond="data:view.isHomepage"/>      <title><data:blog.title/></title>
     
         <b:elseif cond="data:view.search.label"/>      <title><data:blog.pageTitle/></title>
     
         <b:elseif cond="data:view.search.query"/>     <title><data:view.search.resultsMessage/></title>
     
         <b:elseif cond="data:view.search and !data:view.search.label and !data:view.search.query"/>      <title><data:blog.pageTitle/></title>
     
         <b:elseif cond="data:view.isArchive"/>      <title><data:view.archive.rangeMessage/></title>
     
         <b:elseif cond="data:view.isError"/>      <title>404 No encontrado</title> </b:if>

    Errores comunes de t铆tulos de metaetiquetas

    Hay cuatro problemas comunes con los metat铆tulos:

    • Demasiado largo / corto.
    • No tiene etiqueta de t铆tulo.
    • Etiqueta de t铆tulo doble o doble.
    • La misma etiqueta de t铆tulo.

    Metadescripci贸n

    La descripci贸n de la metaetiqueta es un resumen del contenido de una p谩gina web.聽Los motores de b煤squeda a menudo lo usan para mostrar fragmentos en los resultados de b煤squeda (SERP).

    Metadescripci贸n

    驴Por qu茅 es importante la meta descripci贸n para SEO?

    Aqu铆 hay una explicaci贸n de聽Google聽:

    Por lo general, las metadescripciones deber铆an poder proporcionar al usuario un resumen breve y relevante de la p谩gina web.

    Sin embargo, la descripci贸n de la metaetiqueta聽no es聽uno de los factores importantes que pueden aumentar el Ranking (Ranking) de una p谩gina del sitio web.聽Aqu铆 hay una explicaci贸n de Google:

    Por lo general, usamos la meta descripci贸n para los fragmentos que queremos mostrar, hasta ahora, no usamos la meta descripci贸n que sirve para aumentar la clasificaci贸n.

    Consejos para crear una meta descripci贸n

    1. Escriba una descripci贸n o descripci贸n 煤nica en cada p谩gina;
    2. Resumir el contenido con precisi贸n;
    3. Evite las descripciones gen茅ricas;
    4. Cree una meta descripci贸n en la que se pueda hacer clic, no Clickbait;
    5. Coincidir con las palabras clave que se buscan con frecuencia;
    6. Ingrese la palabra clave de destino en la ubicaci贸n correcta;
    7. Trate de no tener m谩s de 160 caracteres.

    C贸mo agregar una meta descripci贸n a un sitio web / blog

    Pegue el siguiente c贸digo en la secci贸n聽<head>聽de su聽sitio web / blog:

    <meta name="description" content="Ponga la Meta Descripci贸n aqu铆.">

    Si usa Blogger, puede usar la siguiente descripci贸n de metaetiqueta:

    <b:if cond="data:view.isMultipleItems">     <meta expr:content="data:blog.metaDescription" name="description"/>
     
         <b:elseif cond="data:view.isSingleItem"/>     <b:if cond="data:blog.metaDescription">         <meta expr:content="data:blog.metaDescription" name="description"/>
     
             <b:else/>         <meta expr:content="data:blog.pageName" name="description"/>     </b:if> </b:if>

    Errores frecuentes de meta descripci贸n

    Hay cuatro problemas que ocurren a menudo con la descripci贸n de la metaetiqueta:

    • Meta descripci贸n Demasiado larga / corta.
    • No tiene una meta descripci贸n.
    • Meta descripci贸n doble o doble.
    • La misma meta descripci贸n.

    Meta Robots

    La metaetiqueta Robots sirve para indicarle al motor de b煤squeda si puede rastrear p谩ginas web y c贸mo hacerlo.聽Aqu铆 hay un ejemplo de Meta Robots:

    <meta name="robots" content="index, follow"> 

    驴Por qu茅 son importantes los meta robots para el SEO?

    El uso de un atributo incorrecto en la metaetiqueta de Robots puede afectar negativamente la presencia de una p谩gina web en los resultados de b煤squeda (SERP).聽Cada t茅cnica de SEO que hacemos depende de la Meta Tag de Robots si la usamos de manera adecuada y efectiva.

    Estos son los valores que podemos usar en la metaetiqueta Robots:

    • index聽: le dice al Bot que indexe la p谩gina;
    • noindex聽: le dice al Bot que no indexe la p谩gina;
    • follow聽: le dice al bot que realice un rastreo en el enlace de la p谩gina.
    • nofollow聽: le dice al bot que no rastree los enlaces en la p谩gina.

    Podemos combinar algunos de los valores de los Meta Robots anteriores para que sean los siguientes:

    <meta name="robots" content="noindex, nofollow">  <meta name="robots" content="index, follow">  <meta name="robots" content="noindex, follow">  <meta name="robots" content="index, nofollow">

    Tambi茅n podemos usar聽<meta name = "robots" content = "none">聽que significa lo mismo que聽<meta name = "robots" content = "index, follow">聽.聽No instalar Meta Robots equivale a聽<meta name = "robots" content = "index, follow">聽.

    Consejos para hacer la metaetiqueta de Robots

    • Utilice Meta Robots solo cuando desee limitar los motores de b煤squeda a p谩ginas de rastreo.
    • No bloquee p谩ginas con Meta Robots en el archivo聽robots.txt聽.

    C贸mo instalar Meta Robots en un sitio web / blog

    Pegue el siguiente c贸digo en la secci贸n聽<head>聽de su聽sitio web / blog:

    <meta name="robots" content="index, follow">

    Si usa Blogger, puede usar la siguiente metaetiqueta de robots:

    <b:if cond='data:blog.pageType in {&quot;archive&quot;} or data:blog.searchLabel or data:blog.searchQuery'>      <meta content='noindex/nofollow' name='robots'/>
     
      <b:elseif cond='data:view.isSingleItem or data:view.isHomepage'/>      <meta content='index/follow' name='robots'/>  </b:if>

    Meta Viewport

    La ventana de la metaetiqueta es un 谩rea visible en una web, generalmente se usa para decirle al navegador que presente la p谩gina en diferentes tama帽os de pantalla (como computadora de escritorio, tableta, pantalla de tel茅fono inteligente, etc.).

    驴Por qu茅 es importante Meta Viewport para SEO?

    Seg煤n聽Google聽, la metaetiqueta Viewport indica que la p谩gina web es compatible con dispositivos m贸viles.

    Muchos usuarios cerrar谩n la sesi贸n inmediatamente cuando abran una p谩gina web en su tel茅fono, porque el sitio no es compatible con dispositivos m贸viles y es dif铆cil de leer. Este es uno de los efectos negativos de las p谩ginas web.

    Consejos para crear una metaetiqueta de ventana gr谩fica

    • Utilice Meta Viewport en todas las p谩ginas web.
    • Use etiquetas est谩ndar, si no lo sabe, siga la gu铆a a continuaci贸n.

    C贸mo instalar Meta Viewport en un sitio web / blog

    Pegue el siguiente c贸digo en la secci贸n聽<head>聽de su聽sitio web / blog:

    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    Tenga en cuenta que el atributo de聽contenido聽no tiene que establecerse en聽width = device-width, initial-scale = 1.0聽porque ese valor es solo la implementaci贸n m谩s com煤n y de uso frecuente.

    Meta Charset

    La metaetiqueta Charset es la codificaci贸n de caracteres (codificaci贸n de caracteres) para sitios web. En otras palabras, Charset Meta Tag puede decirle al navegador c贸mo mostrar el texto en una p谩gina web.

    Hay muchos conjuntos de caracteres disponibles, pero hay dos m谩s comunes y de uso frecuente, a saber:

    • UTF-8聽: codificaci贸n de caracteres para Unicode;
    • ISO-8859-1聽- Codificaci贸n de caracteres para letras latinas.

    驴Por qu茅 es importante Meta Charset para SEO?

    El uso de una codificaci贸n de caracteres incorrecta puede hacer que se muestren caracteres incorrectos en el navegador y puede da帽ar las p谩ginas web.

    Aqu铆 est谩 el impacto de Meta Charset para SEO:

    • Los usuarios no quieren visitar p谩ginas web.
    • Tasa de rebote alta.
    • Los motores de b煤squeda no entienden el contenido de ellos.

    Consejos para crear conjuntos de caracteres meta

    • Usar la metaetiqueta Charset en todas las p谩ginas web;
    • Utilice UTF-8.
    • Usar la escritura HTML correcta.

    C贸mo instalar Meta Charset en un sitio web / blog

    Pegue el siguiente c贸digo en la secci贸n聽<head>聽de su聽sitio web / blog:

    <meta charset="UTF-8">

    Si est谩 usando HTML4 e inferior, puede usar el siguiente Meta Charset:

    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">

    Si no est谩 seguro o no sabe qu茅 versi贸n de HTML usar, puede ver y buscar el c贸digo聽<! DOCTYPE html>聽.聽Si el c贸digo existe, entonces ya est谩 usando聽HTML5聽.

    Conclusi贸n

    Crear, estudiar y agregar metaetiquetas a p谩ginas web no es dif铆cil ni confuso. Quiz谩s algunas de las metaetiquetas anteriores puedan mejorar el SEO en su sitio web.聽

    Deja una respuesta

    Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *

    Subir

    Este sitio web utiliza cookies para garantizar que obtenga la mejor experiencia en nuestro sitio web. Aprende m谩s M谩s informaci贸n