oletusWEBos.es - Lecciones paso a paso para crear tu web. Tutoriales de Dreamweaver, HTML y CSS

Curso Dreamweaver - Lección 4: Etiquetas Meta(Metatags)

Etiquetas Meta (metatags)

Antes de continuar con el diseño de nuestra web, vamos a un apartado menos emocionante pero igual de importante a la hora de dar a conocer nuestra web. Lo que vamos a hacer sera introducir unas etiquetas llamadas "<meta>".

Las etiquetas <meta> solían ser parte del algoritmo para organizar los resultados de una búsqueda, pero debido a la facilidad con que el autor del sitio puede manipularlas en la actualidad son pocos los buscadores que hacen uso de su contenido para posicionamiento. Sin embargo, las etiquetas <meta> aún son utilizadas para lo que fueron creadas, por ende es importante conocer como funcionan y utilizarlas adecuadamente.

Meta Keywords

Esta etiqueta esta supuesta a contener un listado de palabras y frases clave relevantes al contenido de la página. La idea es que cualquiera (incluyendo sistemas automatizados) pueda hacerse una idea de qué temas se tratan en la página mediante estas palabras clave.

Los buscadores ignoran esta información (o le dan muy poca importancia) para efectos de posicionamiento, pero es posible que se penalice a la página si las palabras clave no son relevantes o se repiten innecesariamente.

Meta Description

Esta etiqueta debe contener una descripción breve del contenido de la página. En la actualidad los buscadores la ignoran (o le dan muy poca importancia) para efectos de posicionamiento, pero a menudo consideran esta información para mostrarla a los usuarios como la descripción del enlace en los resultados de una búsqueda.

Por esto, la descripción debe ser preparada para atraer a visitantes. Lo recomendable es escribir una descripción objetiva sobre el contenido de la página, en 200 caracteres o menos.

Las etiquetas meta deben ir en la cabecera de un página HTML, es decir, entre las etiquetas <head> y </head>. El siguiente es un ejemplo del uso adecuado de etiquetas <meta> en el código:

<head>

<title>Motos Mutierrez</title>

<meta name="description" content="La mayor superficie de motos por y para el motorista">

<meta name="keywords" content="moto, motos, casco, gomas, honda, suzuki, harley davidson">

</head>

Una vez visto la pequeña descripción de las etiquetas meta vamos a ver como las introducimos en nuestra web de motos. Para ello tienes que tener la ventana principal del dreamweaver Dividida para que se vea tanto el código HTML como el diseño:

En esta otra captura lo veras mejor, como ves tenemos la pantalla dividida, nos vamos con la barra lateral al principio del documento y entre <head> y </head> hemos introducido nuestras etiquetas <meta> referentes a la descripción de nuestro sitio y también con las palabras clave para los buscadores:

Bien pues si ya has introducido las etiquetas <meta> es hora de pasar a los hipervinculos... sigue leyendo!!!

Quiero aprender más!!!

Menú
Indice del Curso
  1. Introducción
  2. Descargar Dreamweaver
  3. Instalar Dreamweaver
  4. Configurar Dreamweaver
  5. Sitio Local
  6. Página Principal
  7. Area de Trabajo
  8. Color de Fondo
  9. Títulos
  10. Index.html
  11. Cabezera
  12. Alinear Texto e Imagenes
  13. Etiquetas Meta (metatags)
  14. Hipervínculos
  15. Estilos CSS
  16. Menú de Navegación
  17. Encabezados
  18. Plantillas

©oletusWEBos 2009 all right reserved | Contácta con oletusWEBos.es

Design By: JTole®