La optimización de motores de búsqueda (SEO) es el proceso de mejorar la clasificación (visibilidad) de un sitio web en los motores de búsqueda. Cuanto más alto (o con mayor frecuencia) se muestre un sitio web en la lista de un motor de búsqueda (como Google), más visitantes se espera que reciba.
El SEO considera cómo funcionan los motores de búsqueda, qué buscan las personas y qué términos de búsqueda (palabras) se escriben. La optimización de un sitio web puede implicar la edición del contenido para aumentar su relevancia para palabras clave específicas. Promocionar un sitio para aumentar el número de enlaces es otra táctica de SEO.
La lista de etiquetas y elementos HTML que son obligatorios para SEO se proporciona a continuación:
Etiqueta de título HTML : la etiqueta <título> en HTML se utiliza para definir el título del documento HTML. Establece el título en la barra de herramientas del navegador. Proporciona el título predeterminado para la página web cuando se agrega a los marcadores. Muestra el título de la página en los resultados del motor de búsqueda. Esta etiqueta de título HTML es una de las etiquetas más importantes a considerar durante el SEO. La etiqueta del título también se muestra en negrita y con un tamaño de fuente más grande cuando buscamos algo en el motor de búsqueda. El creador de contenido y el desarrollador deben asegurarse de que la etiqueta del título se use correctamente para obtener una buena clasificación en los motores de búsqueda.
Sintaxis:
<title> Title name </title>
Ejemplo: La siguiente imagen ilustra cómo se verá la etiqueta <title> en el navegador como título de la página web.
Metaetiqueta HTML: los metadatos significan información sobre los datos. La etiqueta <meta> en HTML proporciona información sobre el documento HTML o, en palabras simples, proporciona información importante sobre un documento. La etiqueta meta contiene un atributo de nombre. Podemos establecer su valor como ‘descripción’ y luego agregar la descripción de la página web dentro del atributo ‘contenido’.
Sintaxis:
<meta name="description" content="Some text about the contents of the webpage">
Mejores prácticas en SEO:
- Siempre manténgalo breve y preciso , ya que el motor de búsqueda generalmente mantendrá las primeras 150-160 palabras de su meta descripción y eliminará el resto.
- Si su página web pretende mostrarse en busca de una gama más amplia de palabras clave de búsqueda, entonces es mejor omitir la meta descripción . En ese caso, el algoritmo del motor de búsqueda creará la descripción a partir del texto de la página web con las palabras clave más buscadas.
Ejemplo: La siguiente imagen ilustra cómo se verá la etiqueta <meta> en el navegador como meta descripción.
Etiquetas de encabezado HTML (h1-h6): Se utiliza para definir los encabezados de una página. Hay seis niveles de encabezados definidos por HTML. Estos 6 elementos de encabezado son H1, H2, H3, H4, H5 y H6; siendo H1 el nivel más alto y H6 el más bajo.
Sintaxis:
<h1>Some Text</h1> <h3>Some Text</h3> ... <h6>Some Text</h6>
Mejores prácticas en SEO:
- No utilice más de una etiqueta <h1> dentro de toda la página web. Use solo una etiqueta <h1> como encabezado o título visible de toda la página web.
- Usa h2 para las secciones de la página web y h3 para las subsecciones. Es mejor no ir por debajo de h3 ya que esto será confuso tanto para el usuario como para el algoritmo del motor de búsqueda.
- Realiza los encabezados relacionados con posibles consultas de búsqueda. Eso ayudará a clasificar el sitio web en una mejor posición cuando se busque la consulta esperada.
Ejemplo: La siguiente imagen ilustra cómo se verán las etiquetas de encabezado en la página web.
Atributo ‘alt’ de la imagen HTML: El atributo alt <img> se utiliza para especificar el texto alternativo de una imagen. Es útil cuando la imagen no se muestra. Se utiliza para dar información alternativa para una imagen.
Sintaxis:
<img src="image_URL" alt="Image Description">
Mejores prácticas en SEO:
- Un buen texto descriptivo de una o dos líneas dentro del atributo alt ayudará al usuario a descubrir qué se muestra dentro de la imagen, incluso si la imagen no está cargada.
- La búsqueda de palabras clave no considerará el texto dentro del atributo alt de la imagen con mayor prioridad, así que no intente escribir las palabras clave de búsqueda aquí.
Ejemplo: La siguiente imagen ilustra cómo se verá el atributo alt de la etiqueta de la imagen cuando la imagen no se muestra.
<img src=
"https://media.geeksforgeeks.org/wp-content/uploads/20190506164011/logo3.png"
alt="GeeksforGeeks logo">
Etiqueta semántica HTML5: los elementos semánticos tienen nombres significativos que informan sobre el tipo de contenido. Por ejemplo, encabezado, pie de página, tabla, etc. HTML5 introduce muchos elementos semánticos, como se menciona a continuación, que hacen que el código sea más fácil de escribir y comprender para el desarrollador, además de instruir al navegador sobre cómo tratarlos.
Usando etiquetas semánticas como el artículo, aparte, los detalles ayudan en SEO:
La convención en el lado derecho es muy útil y comprensible para el motor de búsqueda. Por lo tanto, es más útil durante el SEO.
Publicación traducida automáticamente
Artículo escrito por akashkumarsen4 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA