Reinaldo Maguiña G. posicionamientosweb.info

Optimizando Nuestras Páginas Para Los Buscadores Después de haber desarrollado nuestra tienda virtual, tenemos que revisar que cada una de las páginas que hemos creado tengan el contenido y el código HTML optimizados para los buscadores. En este laboratorio aprenderemos lo siguiente: 1. El uso de las etiquetas de encabezado TITLE y META, y las etiquetas semánticas H1, H2, H3, H4, H5, H6 y P. 2. Los enlaces (LINKS) y el ANCHOR TEXT 3. El atributo ALT. Para ello vamos a abrir nuestro index.html con el programa Dreamweaver y cuando lo tengamos en pantalla escogeremos la opción Mostrar vista de código y diseño:

Y revisaremos que el encabezado que se encuentra ente las etiquetas tenga la siguiente información: <meta name="description" content="Tienda de Productos Electrónicos Digitales como Camaras de Video, Camaras fotograficas, Reporoductores MP3, Celulares y PDAs"> <meta name="Keywords" content="Camaras de Video, Camaras fotograficas, Reporoductores MP3, Celulares, PDA, Electronica Digital"> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />

Si no tenemos un encabezado como el anterior, empezamos nuestro trabajo de creación del mismo.

Reinaldo Maguiña G. posicionamientosweb.info

Inserción De Las Etiquetas De Encabezado Colocamos el cursor después de la etiqueta damos un enter y a continuación escribimos la etiqueta .

A continuación damos un enter al final de la etiqueta y escribimos la etiqueta <meta name="description" que nos servirá para poner una descripción corta de nuestra tienda virtual que servirá para que los buscadores la muestren cada vez que aparezcamos en una búsqueda relacionada con nuestras palabras claves. <meta name="description" content="Tienda de Productos Electrónicos Digitales como Camaras de Video, Camaras fotograficas, Reporoductores MP3, Celulares y PDAs">

Al final damos un enter después del cierre de la etiqueta <meta name="description" e insertamos la siguiente etiqueta <meta name="Keywords" que agrupará las palabras o frases que claves por las que queremos ser encontrados en los buscadores. <meta name="Keywords" content="Camaras de Video, Camaras fotograficas, Reporoductores MP3, Celulares, PDA, Electronica Digital">

Las tres etiquetas trabajadas son posicionamiento en buscadores, existen tiempo y las malas prácticas hechas por han dejado de tener importancia por los

las principales para un buen muchas más, pero con el paso del diseñadores y desarrolladores web buscadores.

Reinaldo Maguiña G. posicionamientosweb.info

Uso De Las Etiquetas Semánticas Las etiquetas semánticas se utilizan en el cuerpo de nuestras páginas web, son entendidas por los buscadores y permite que se valore de forma óptima el contenido de nuestro sitio web.

Título del documento

Sub-título

Cuerpo de texto utilizando <strong>para destacar partes del texto y así conseguir que el buscador entienda el valor de nuestro documento

Utilizar la negrita, cursiva o agrandar el tamaño y no usar las etiquetas para títulos y subtítulos conlleva que el buscador no sepa la importancia de un término concreto en nuestro sitio web, no es lo mismo que sea una palabra más de los contenidos que un título. Trabajando Nuestras Etiquetas Semánticas Abrimos nuestro index.html con el programa Dreamweaver y cuando lo tengamos en pantalla escogeremos la opción Mostrar vista de código y diseño:

Y trabajamos en el cuerpo que se encuentra entre las etiquetas de la siguiente manera: Buscamos el título de la página y le cambiamos el formato, para ello sombreamos el título y buscamos en el área de propiedades la opción Formato de Texto y escogemos en el desplegado Encabezado 1.

Reinaldo Maguiña G. posicionamientosweb.info

Hacemos lo mismo con los subtítulos de la página y así logramos que las palabras o frases claves contenidas en nuestros títulos y subtítulos sean importantes en los resultados de búsqueda relacionados a ellas. Cuando hallamos terminado, seguimos con el contenido encerrado en las etiquetas

y allí si podemos usar los atributos negrita y cursiva.

Reinaldo Maguiña G. posicionamientosweb.info

La Importancia De Los Enlaces (LINKS), El ANCHOR TEXT y El Atributo ALT

En la imagen tenemos el index de una tienda y podemos apreciar que cada producto tiene su nombre, una fotografía y una breve descripción. El nombre y la fotografía están enlazados a la página del producto. Para enlazar el nombre a la página del producto tenemos que sombrearlo y en el área de propiedades del Dreamweaver nos dirigimos al casillero con el nombre Vínculo y colocamos la dirección de la página del producto.

Reinaldo Maguiña G. posicionamientosweb.info

El código de este enlace sería el siguiente: Cámara fotográfica NIKON D80 De esta manera hemos creado nuestro primer enlace asociado a una palabra o frase clave y esto se llama Anchor Text. El Anchor Text (Texto de anclaje) es el texto visible en un Link, es decir, el que describe de alguna manera qué nos encontraremos cuando hacemos click en un enlace determinado. El Anchor Text es un elemento de importancia para los algoritmos de los buscadores, precisamente porque define el contenido de cada enlace, siendo a menudo esto olvidado por algunos Webmasters que simplemente utilizan un “haz click aquí” u otras cosas por el estilo. Los enlaces pueden ser textos o imágenes, ya hemos visto como debemos aprovechar los enlaces de texto para asociarlos a nuestras palabras o frases claves, ahora veremos como enlazar imágenes.

Reinaldo Maguiña G. posicionamientosweb.info

Para enlazar la imagen a la página del producto tenemos que hacer clic en la imagen y en el área de propiedades del Dreamweaver nos dirigimos al casillero con el nombre Vínculo y colocamos la dirección de la página del producto.

El segundo paso es dirigirnos al casillero con el nombre Alt y allí escribir la palabra o frase clave que identifica al producto. El código de este enlace sería el siguiente:

Reinaldo Maguiña G. posicionamientosweb.info

El Uso del Archivos .htaccess .htaccess es un archivo de texto oculto que contiene una serie de directivas para el servidor Apache. Cuando un cliente solicita un archivo al servidor, este busca desde el directorio raíz hasta el subdirectorio que contiene el archivo solicitado el archivo .htaccess y tiene en cuenta estas reglas antes de proceder con la petición, es decir, se aplican las normas especificadas al directorio en el que se encuentre .htaccess y los directorios por debajo de él. Algunos usos del archivo .htaccess: Impedir el listado del contenido de un directorio Options -Indexes

Redireccionar el tráfico web Redirect /antiguo.php http://mundogeek.net/otros/nuevo.php

Crear un mensaje de error personalizado ErrorDocument 404 /404.php

Para ello abrimos el Bloc de Notas y escribimos las líneas del archivo .htaccess

Lo grabamos como htaccess.txt, lo subimos al servidor y lo renombramos allí como .htaccess.

Reinaldo Maguiña G. posicionamientosweb.info

El Uso del Archivos robots.txt El fichero robots.txt es un archivo de texto que dicta unas recomendaciones para que todos los crawlers y robots de buscadores cumplan (¡ojo! recomendaciones, no obligaciones). Pero comencemos por el principio. Un crawler es un robot de una entidad (generalmente buscadores) que acceden a las páginas web de un sitio para buscar información en ella, añadirla en los buscadores. Ejemplos de robots.txt Permite que todos los buscadores indexen todo. User-agent: * Disallow: No permite que todos los buscadores indexen todo. User-agent: * Disallow: / No permite que Googlebot indexe la carpeta /folder1, excepto el archivo myfile.html de esa carpeta. User-agent: Googlebot Disallow: /folder1/ Allow: /folder1/myfile.html

Para conocer todos los robots ingresaremos a: http://www.robotstxt.org/db.html

Reinaldo Maguiña G. posicionamientosweb.info

Generando nuestro archivo robots.txt Ingresamos a: http://www.promocioning.com/tools/robots.php y llenamos los datos solicitados.