Algo tan basico en las buenas practicas para SEO es tener nuestro titulo o logo principal de nuestra pagina web en la etiqueta h1 <h1>TITULO WEB</h1> como por ejemplo yo lo hago en mi web ya que mi nombre es el titulo y logo principal de mi pagina.
No puedes usar mas de 1 vez un h1 de lo contrario un gatito morira
en la siguiente imagen muestro como yo lo uso en mi pagina web.
Pero no siempre se usara texto en ese fin ya que en realidad la mayoria usan logo y son jpg o png pero y eso no es lo lee google y perdemos usar nuestro nombre de marca entre la etiqueta h1 o la palabra clave que necesitamos posicionar.
que tanta importancia tiene el h1 en el seo?
h1 es la etiqueta de encabezado como h2,h3,etc pero la importancia de esta es que todas ellas tiene una gerarquia y h1 es la mas importante de ellas por eso en su algoritmo google considero de esa manera que el texto que esta dentro de h1 sera considerada la palabra principal de la pagina.
Realmente el problema va cuando se tiene como logo una imagen por lo ya comentado y para solucionar vamos a combinar imagen con texto pero ocultando el texto sin usar estas propiedades del css
- visibility
- display
que seria lo mas simple y facil pero para google texto que este con estas propiedades no las toma en cuenta asi que no piensen engañarlo que el omnipresente esta en todas!
revisemos un codigo para que sepan claramente de que hablo.
<h1 id="titulo_logo"> <span>nombre de la marca</span> <img src="logo.jpg" alt="nombre de la marca"> </h1> |
en h1 tiene un spa y img como ven estamos combinando pero vamos a ocultar el spa y solo tengamos la imagen, es un css simple que lograra ocultarlo sin caer en usar las propiedades que ya mencionamos.
h1 span { text-indent: -3333px; position: absolute; } |
espero que te ayude el articulo y si tienes dudas puedes escribirme.