seo: elementos html - html.formacionatomica.comhtml.formacionatomica.com/assets/recursos/seo...

19
1 / 19 SEO: Elementos HTML Las técnicas SEO, optimización para motores de búsqueda, consisten en adaptar la estructura y el contenido de nuestras páginas web para facilitar el rastreo y la indexación de tu contenido por parte de los motores de búsqueda. Debemos diferenciar entre técnicas SEO y SEM. Las SEO son técnicas gratuitas, pero muy lentas; las SEM son de pago, pero instantaneas. Son centraremos en las SEO. En España Google supone más del 90% del tráfico de los motores de búsqueda, lo que facilita el SEO, ya que solo nos hemos de centrarnos en Google.

Upload: ngotu

Post on 21-Mar-2019

228 views

Category:

Documents


0 download

TRANSCRIPT

1 / 19

SEO: Elementos HTMLLas técnicas SEO, optimización para motores de búsqueda, consisten en adaptar la estructura y el contenido de nuestras páginas web para facilitar el rastreo y la indexación de tu contenido por parte de los motores de búsqueda.

Debemos diferenciar entre técnicas SEO y SEM. Las SEO son técnicas gratuitas, pero muy lentas; las SEM son de pago, pero instantaneas. Son centraremos en las SEO.

En España Google supone más del 90% del tráfico de los motores de búsqueda, lo que facilita el SEO, ya que solo nos hemos de centrarnos en Google.

2 / 19

SEO: Elementos HTMLNuestra labor consistirá a menudo en pequeñas modificaciones de partes concretas del sitio web, que de manera individual no suponen más que pequeños cambios, pero todas juntas supondrán un gran empujón en la lista de búsquedas. Centraremos nuestros esfuerzos SEO en tres grandes áreas:● Elementos HTML● Contenido● Links

3 / 19

SEO: Elementos HTMLUn ejemplo aclarará nuestras explicaciones y para ello utilizaremos un sitio web ficticio.

Aquí tienes algo de información sobre el sitio que vamos a utilizar:

4 / 19

SEO: Elementos HTMLLas técnicas SEO afectan únicamente a los búsquedas orgánicas, no a los resultados pagados o patrocinados, como sería el caso de Google AdWords.

5 / 19

SEO: Elementos HTMLIndica los títulos de las páginas utilizando las etiquetas <title>

El contenido de la etiqueta title se muestra en los resultados de búsqueda.

El título de tu página principal puede incluir el nombre de tu sitio web o negocio y podría incluir otra información importante, como la ubicación física de la empresa o tal vez algunas de sus principales actividades u ofertas.

Lo ideal sería crear un título único para cada página del sitio.

6 / 19

SEO: Elementos HTML

Etiquetas <title>

7 / 19

SEO: Elementos HTML

Etiquetas <title>

8 / 19

SEO: Elementos HTML

Etiquetas <title>

9 / 19

SEO: Elementos HTMLEtiquetas <title> | Recomendaciones● Describe con precisión el contenido de la página

– Elige un título que indique claramente el tema de la página

– Evita un título que no tenga ninguna relación con el contenido de la página

– Evita el uso de títulos predeterminados o demasiado genéricos como “Sin título” o “Página nueva”

● Crea etiquetas <title> únicas para cada página● Usa títulos descriptivos breves, Google solo admite 70

caracteres en el título, lo demás lo recorta

10 / 19

SEO: Elementos HTMLUtiliza la metaetiqueta description

Esta etiqueta proporciona a Google un resumen sobre la página.

Mientras que el título de una página contiene unas pocas palabras, la metaetiqueta description podría contener un par de frases o incluso un párrafo corto.

De nuevo, lo ideal sería crear una metaetiqueta description única para cada página del sitio.

11 / 19

SEO: Elementos HTMLMetaetiqueta description

12 / 19

SEO: Elementos HTMLMetaetiqueta description

13 / 19

SEO: Elementos HTMLMetaetiqueta description

14 / 19

SEO: Elementos HTMLMetaetiqueta description | Recomendaciones● Resume de forma precisa el contenido de la página

– Escribe una descripción que informe y a su vez cree interés en los usuarios en caso de que encuentren esa metaetiqueta description como fragmento de un resultado de búsqueda.

– Evita descripciones no relacionadas con la página– Evita denominaciones genéricas o solo con palabras clave

● Usa descripciones únicas para cada página● Google admite hasta 160 caracteres en la descripción

15 / 19

SEO: Elementos HTMLMejora la estructura de las URL

Crear categorías descriptivas y nombres de archivo para los documentos de tu sitio web ayuda a mantener tu sitio web mejor organizado, y también facilita el rastreo de tus documentos a los motores de búsqueda.

la URL de documento se muestra como parte de un resultado de búsqueda en Google, después del título del documento y del fragmento descriptivo.

Es decir, el SEO debe estar presente en nuestra web desde el inicio, incluso desde el momento en que decidimos el nombre del dominio de la web.

16 / 19

SEO: Elementos HTML

17 / 19

SEO: Elementos HTML

18 / 19

SEO: Elementos HTMLEstructura HTML | Recomendaciones● Utiliza palabras en la URL

– Usa URL con palabras relevantes para el contenido

– Evita nombres genéricos como pagina1.html– Evita el uso excesivo de palabras clave

● Usa una estructura de directorios simple

– Evita anidar subdirectorios como '…/dir1/dir2/dir3/pag.html'

– Evita nombres de directorios sin relación con el contenido

19 / 19

SEO: Elementos HTMLNo olvides los atributos title y alt

title – Este atributo se puede utilizar tanto en imágenes como en enlaces, y es la encargada de ofrecer una descripción emergente (tooltip) de la imagen o enlace. Funciona en todos los navegadores.

alt – Con él definimos el texto alternativo de las imágenes, que se muestra cuando la imágen no está disponible o para garantizar su accesibilidad. Es una etiqueta OBLIGATORIA en las imágenes.

Por tanto, aprovechemos todas las imágenes y los enlaces de nuestra web para rellenar de palabras clave los atributos title y alt.