Computación

9no. Grado

Introducción al Lenguaje HTML

Sintaxis | Estructura

Actividad 8

HTML | Sintaxis - Estructura

Sintaxis del Lenguaje HTML

Estructura del Lenguaje HTML

Carpeta del Sitio Web

Carpeta de Trabajo Personal

PROYECTO WEB (carpeta)

IMÁGENES (Subcarpeta)

index.html (archivos)

páginas .html (archivos)

estilos.css (archivos)

Propiedades

Del Navegador (Browser)

Por Atributos

Por código CSS, JavaScript o Python

Bloques y Estructura del Documento HTML

Sección del documento html

Contexto de SEO en HTML

Search Engine Optimization

Las páginas están programadas en lenguaje HTML. En el contexto SEO, una etiqueta HTML es un fragmento de código que se utiliza para describirle a los buscadores cómo tratar cada parte de una página web. Se pueden utilizar para dar instrucciones a los motores de búsqueda, para identificar partes importantes en el texto y muchas otras cosas.

Etiquetas SEO

1.- Etiqueta de título (<title>): es la encargada de decirle a los motores de búsqueda cuál es el título de la página. Es una de las más importantes, aunque debes tener cuidado y no abusar incluyendo demasiadas palabras clave. Los motores han ido incluyendo otras herramientas que dejan a la etiqueta de título en un lugar más rezagado. Debe mantenerse por debajo de los 55 caracteres. Te recomendamos que la palabra clave principal aparezca aquí.

2.- Etiqueta de Meta Descripción: se utiliza para describir de forma resumida el contenido de la página. Se puede utilizar para contar de qué trata un post de blog o una página principal en pocas palabras. Esta etiqueta le dará más información a los motores sobre tu página. Debe mantenerse por debajo de los 155 caracteres y también te recomendamos que la keyword principal aparezca aquí.

3.- Encabezados: los más comunes son H1 y H2. Se utilizan para dividir el texto en varias secciones y organizar mejor la lectura. Mejora el posicionamiento cuando se utilizan de forma correcta (por ejemplo, solo puede haber un H1 en la misma página) y pueden ser clave en los motores de búsqueda para motivar los temas secundarios. Te recomendamos que el H1 sea distinto del title y que contenga la keyword principal.

4.- Texto Alternativo: describe una imagen para mejorar su posicionamiento y su legibilidad para usuarios invidentes. Es importante que todas las imágenes de tu web cuenten con esta descripción.

5.- Etiqueta OG: las etiquetas Open Graph están pensadas para enriquecer el contenido de redes sociales. Se colocan en el <head> y ayudan a mejorar el rendimiento de tu web en enlaces publicados en redes sociales.

6.- Etiqueta de Robots: esta etiqueta se utiliza para contarle a los motores de búsqueda cómo debe tratar la página a la hora de indexar sus resultados.

7.- Etiqueta canónica: si hay dos páginas idénticas puedes utilizar esta etiqueta para contarle a los motores de búsqueda cuál tiene prioridad para posicionar. Esto es muy útil cuando tienes dos páginas con contenido parecido y quieres evitar que se canibalicen, es decir, que compitan mutuamente entre sí.

8.- Marcado de Esquema: se pueden utilizar para identificar todo tipo de datos sobre productos o servicios. Los motores de búsqueda pueden enriquecer estos resultados y marcarlos como prioritarios con tarjetas personalizadas muy llamativas. En los últimos años se han convertido en esenciales.

Page updated

Google Sites

Report abuse