Aunque no lo parezca, es importante el como estructuramos un sitio web, en especial si queremos tener un buen SEO en nuestra pagina web, podemos hacerlo sin un sentido siempre y cuando el resultado final muestre lo que queremos y conseguir que el usuario final vea un sitio lindo, entretenido, o simplemente encontrar aquello que nosotros queremos que vea, pero, ¿Es eso realmente lo que necesitamos para que los motores de búsqueda muestre nuestro sitio a los usuarios?
Imagina un escenario de dos carreteras
La primera tiene mas curvas de las que puedes contar, probablemente zonas sin terminar, varios baches, no están marcados los carriles de circulación ni tampoco tiene iluminación, pero, te lleva a el destino
La segunda es mas recta, carriles bien orientados, buena iluminación y el asfalto en buen estado.
Tu debes recomendar a las personas cual carretera usar, recuerda que ambas te llevan al mismo destino, ¿Cuál escogerías para recomendar?
Bueno, esto mismo es lo que hace Google, Yahoo! o los motores de búsqueda cuando un usuario realiza una consulta, de entre todas las opciones que consigue localizar, lo muestra al usuario las mejor organizadas, mas confiables y que mas se acercan a lo solicitado por el usuario, por mas que tu sitio cuente con la información o servicio que buscan las personas, si la tienes mal estructurada, no será bien evaluada y posiblemente muy poco recomendada.
Aquí es donde entra en juego tener una buena estructura HTML para tu sitio y ayudar a que tu sitio se posicione de la mejor manera, y aquí te daremos algunos consejos para lograrlo.
Etiqueta Title
La etiqueta “title” es posiblemente la mas importante de las etiquetas que debes tener en tu sitio, pues es la primer información que tanto como los motores de búsqueda, como los usuarios ven buscar tu sitio, esta es la entrada a saber de forma directa de que trata la pagina a donde se ingresara y que podemos encontrar ahí.
Se recomienda incluir la palabra clave del sitio o contenido de la pagina, ademas de el nombe de tu sitio o empresa
Esta etiqueta se ubica dentro de la etiqueta Head de esta forma
Etiqueta Meta Description
Las etiquetas Meta son muy importantes dentro de las descripciones de nuestro sitio para dar a entender a los motores de búsqueda, de que trata nuestro sitio, antes era muy común utilizar la etiqueta Meta Keywords, pero con el paso del tiempo esta etiqueta a quedado atrás y motores de búsqueda como Google, han admitido dentro de sus actualizaciones que han dejado de prestar atención a esta etiqueta, y en su lugar ahora usan la etiqueta “meta description” para poder interpretar sobre que va una pagina.
Esta etiqueta puede tener un texto indefinido de caracteres pero aquí te recomendamos que tenga solo de 100 a 150 como máximo, recuerda que es bueno ser conciso y tratar de explicar el contenido de la pagina en esta etiqueta, por que esto es parte de lo que verán los usuario al buscarlo en los navegadores.
Si Google entiende el contenido de esta meta etiqueta y los usuarios lo encuentran útil para su búsqueda, las probabilidades de que decidan entrar a tu sitio se incrementan, así que dar una buena descripción de del contenido de la pagina es muy importante.
Aquí te mostramos un ejemplo de la meta etiqueta y como se forma de una manera básica.
Algunos consejos que podemos darte para tener una buena meta etiqueta de descripcion son:
1)Usar de 100 a 150 caracteres máximo,
2)Utilizar las palabras claves sobre tu producto o servicio.
3)Trata de que cada pagina en tu sitio tenga una descripción única, que lo diferencie entre sus paginas, para que Google sepa que pagina exacta recomendar al usuario.
4)Recuerda hacer que sea llamativo, pues esto es lo que hará al usuario a elegir entrar a tu pagina.
Este contenido en Google puede ser usado para mostrarlo a los usuarios al momento de ser recomendado en su listado de búsqueda de esta forma.
Es por esto que es muy importante poder estructurarlo bien.
Para conocer mas sobre las Meta etiquetas, entra a este articulo y conocelas.
Etiquetas de Encabezado
Las etiquetas de encabezado se conforman por las etiquetas H1,H2,H3,H4,H5,H6, estas etiquetas tienen una función en especial, si deseas conocer mas sobre el funcionamiento de cada una, te invitamos a ver este enlace, por el momento te comentare sobre las básicas pero importantes en el contenido de tu sitio respecto a el SEO de cada pagina
Y las mas importantes por su propio numero seria la H1 y asi consecutivamente dependiendo del numero entre 1 y 6
La H1 es la etiqueta de encabezado de tu pagina, esta etiqueta es la que da un titulo extendido al contenido, pero se recomienda encarecidamente que esta etiqueta incluya la palabra clave de la pagina.
Por ejemplo, si un usuario busca autos, es recomendado que aquí se incluya la palabra autos
Esta etiqueta debe estar solo 1 vez en la pagina y su manejo e importante es casi similar a la etiqueta “title” por lo cual no olvides usarla en cada pagina de tu sito.
Estas etiquetas son muy importantes en todas tus paginas de tu sitio, pues aqui es donde se marca la jerarquía de los temas a tratar, donde se comienza con el tema principal con el H1 y se continua los sub-temas relativos, asi es como organizamos y jerarquizamos nuestro sitio, brindando entendimiento y una mejor comprensión sobre las ubicaciones de la información que interesa al usuario
Ejemplo de uso y jerarquia de las etiquetas H1,H2,H3,H4,H5,H6
Aqui te enseño un ejemplo de las etiquetas y su jerarqueria.
Y dentro de este ejemplo de su estructura, tambien aqui esta un ejemplo practico de su uso ya en un tema especifico.
Atributo title en etiquetas de imagen <img>
Este atributo en la etiqueta de imagen <img> se utiliza para dar una explicacion corta, o en su defecto el titulo de la imagen presentada
Es muy importante agregar el title a una etiqueta de imagen, pues esto lo toman los motores de búsqueda y a base de esta información la adjuntan a lo buscado por el usuario y ayuda a dar relevancia a la información, tambien en gráficos.
Etiquetas de hipervinculo<a>, atributo alt y anchor text
Al igual que title la etiqueta de hipervinculo <a> tiene un atributo descriptivo, que seria alt, en esta etiqueta se utliza de la misma manera que title en img pues se da una información corta para conocer sobre que trata el link al que ingresaremos, esto ayuda al motor de búsqueda a poder indexar de mejor manera los links dentro de tu sitio y navegar a traves de el los links para dar al usuario la ubicación de la informacion que busca de la mejor manera.
Esto se beneficia tambien, pues a diferencia de img se utiliza el anchor text, que este texto es el que ve el usuario y tambien permite dar a conocer una breve descripción de lo que se trata este link.
El anchor text es la información que ve el usuario a primer vistazo, y el atributo alt lo vera al momento de posicionar el cursor sobre el hipervinculo, tambien el texto que analizan los motores de busqueda, este anchor text se recomienda encarecidamente que incluya la palabra clave de importancia que llevara a la siguiente pagina
Aqui te muestro un ejemplo del uso de la etiqueta Hipervinculo <a>
Este etiqueta toma mucha relevancia cuando se toma en cuenta uno de los siguientes pasos para mejorar el SEO, el Crawling dentro del sitio, si deseas aprender mas sobre esto, te recomendamos entrar en este articulo
Existen mas etiquetas que pueden dar una ayuda para la mejora del SEO, pero esta es la estructura basica recomendada para ti, y que te posicionara de la mejor manera en los motores de búsqueda.
imagen gracias a usa-reiseblogger
