BLOG CATTNET

Meta-tags
más importantes en HTML


Estas etiquetas juegan un papel importante en el posicionamiento web,
especialmente la etiqueta title y meta description

Meta tags importantes para mi sitio web

  • Los Meta Tags son etiquetas HTML que describen el contenido de su página para los motores de búsqueda y los visitantes del sitio web. Las metaetiquetas solo aparecen en el código de la página y cualquiera puede verificarlas mediante el código fuente de un sitio web.

    Los Meta Tags son clave porque les dicen a los motores de búsqueda de qué se trata una página. Piense en ellos como la primera impresión para todos los motores de búsqueda.

    Según mi experiencia como analista de tendencias para webmasters de Google (el enlace es externo), “Los Meta Tags pueden afectar la forma en que los usuarios ven su sitio en los resultados de búsqueda y si realmente hacen clic o no en su sitio.

    Los Meta Tags no todas son igualmente importantes. En este artículo, analizaré Los Meta Tags más importantes.

     

    META TAGS
    1 Title tag
    2 Meta description
    3 Meta Keywords
    4 Robots Meta Tag
    5 Canonical Tag
    6 Social Media Meta Tags (Open Graph and Twitter Cards)
    7 Header Tags
    • Title Tag

      La etiqueta de título es el primer elemento HTML que especifica su página web para motores de búsqueda y visitantes. El elemento Título es compatible con todos los navegadores, incluidos Chrome, Firefox, Safari, etc.

      Siempre agregue su etiqueta de título dentro la sección <head> del sitio web

      <head>
      <title>Ejemplo Title</title>
      </head


      Meta Description

      La meta descripción es de igual importancia que la etiqueta del título. Si la etiqueta del título es el título que aparece en la parte superior de un resultado de búsqueda, la meta descripción es el fragmento que se muestra debajo.

      La meta descripción debe proporcionar una descripción precisa del contenido de su página. Suele ser el elemento que determina si los usuarios harán clic en su página, lo que hace que sea importante dedicar tiempo a su optimización.


      <meta name="description" content="Aqui se pone la descripción de su empresa.">



      Meta Keywords

      Con esta etiqueta meta los administradores tienen la posibilidad de definir palabras clave para el buscador. Las keywords son aquellos criterios a los que responde un buscador para ofrecerle al usuario páginas HTML como respuesta, donde tales palabras clave son parte de los meta tags

      <meta name="keywords" content="plabra clave 1, palabra clave2, palabra clave3.">


      Rebots Meta Tag

      La metaetiqueta robots informa a los motores de búsqueda qué páginas de su sitio deben indexarse. Esta metaetiqueta tiene un propósito similar al de robots.txt; generalmente se usa para evitar que un motor de búsqueda indexe páginas individuales, mientras que robots.txt evitará que indexe un sitio completo o una sección de un sitio.

      Una metaetiqueta de robots que indica al rastreador del motor de búsqueda que no indexe una página, o que no siga ningún enlace en ella, se escribiría así:
      <meta name="robots" content="noindex, nofollow" />

      Sin embargo, si desea decirle al rastreador que indexe y también siga su página, debe reemplazar la etiqueta robots con esto:
      <meta name="robots" content="index, follow" />


      Cronical Tag

      Si tiene páginas en su sitio que son casi idénticas, es posible que deba informar a los motores de búsqueda cuál debe priorizar. O puede haber distribuido contenido en su sitio que se volvió a publicar en otro lugar. Puede hacer ambas cosas sin incurrir en una penalización por contenido duplicado, siempre que use una etiqueta canónica.

      En lugar de confundir a Google y perder su clasificación en las SERP, está guiando a los rastreadores sobre qué URL cuenta como la "principal". Esto pone el énfasis en la URL correcta y evita que los demás canibalicen su SEO.

      Una etiqueta canónica puede verse así en HTML:

      <link rel="canonical" href="http://sudominio.com/" />



      Social Media Meta Tags

      Las metaetiquetas de Open Graph están diseñadas para promover la integración entre Facebook, LinkedIn, Google y las URL del sitio web que compartió en estas plataformas.

      Aquí hay una muestra de cómo se ven las etiquetas de Open Graph en HTML estándar:

      Una etiqueta canónica puede verse así en HTML:
      <meta property=”og:type” content=”Articulo” />
      <meta property=”og:title” content=”Titulo del post o web” />
      <meta property=”og:description” content=”Descripción del contenido web” />
      <meta property=”og:image” content=”Link del archivo de imágen” />
      <meta property=”og:url” content=”Enlace permanente” />
      <meta property=”og:site_name” content=”Sitio Web” />




      Header Tags

      Una etiqueta de Encabezado se usa para la creación de encabezados, es decir, al usarlos podemos aplicar cambios de fuente.

      Los elementos de encabezado son H1, H2, H3, H4, H5 y H6, siendo H1 el nivel más alto (o más importante) y H6 el menor.

      Aquí hay un ejemplo de cómo podemos usar etiquetas de encabezado


      <h1>identificar la cabecera más importante en una página web</h1>
      <p> Párrafo de contenido </p>
      <h2> Análisis de rendimiento </h2>
      <p> Párrafo de contenido </p>
      <h3> Analiza el rendimiento de dispositivos móviles y de escritorio </h3>


      Los meta-tags más importantes en HTML