Optimizando Nuestras Páginas para Los Buscadores

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

<head> </head> tenga la siguiente información:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Camaras de Video, Camaras fotograficas, Reporoductores MP3,
Celulares, PDA :: ComprasenLinea.com</title>
<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" />
<link href="css/estilos.css" rel="stylesheet" type="text/css" />
</head>
Si no tenemos un encabezado como el anterior, empezamos nuestro

trabajo de creación del mismo.
Inserción De Las Etiquetas De Encabezado

Colocamos el cursor después de la etiqueta <head> damos un enter y a
continuación escribimos la etiqueta <title> seguida del contenido que
tendrá esta etiqueta y terminando con la etiqueta </title>.
<title>Camaras de Video, Camaras fotograficas, Reporoductores MP3,

Celulares, PDA :: ComprasenLinea.com</title>
A continuación damos un enter al final de la etiqueta </title> 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 las principales para un buen

posicionamiento en buscadores, existen muchas más, pero con el paso del
tiempo y las malas prácticas hechas por diseñadores y desarrolladores web
han dejado de tener importancia por los buscadores.
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.
<h1>Título del documento</h1>

<h2>Sub-título</h2>
<p>Cuerpo de texto utilizando <strong>para destacar
partes del texto</strong> y así conseguir que el buscador
entienda el valor de nuestro documento</p>
Utilizar la negrita, cursiva o agrandar el tamaño y no usar las etiquetas

<h> 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 <body>

</body> 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.
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 <p> </p> y allí si podemos usar los atributos negrita y cursiva.
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.
El código de este enlace sería el siguiente:
<a href="paginas/camara-fotografica-nikon-d80.html"
class="texto_rojo">Cámara fotográfica NIKON D80</a>
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.
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:
<a href="paginas/camara-fotografica-nikon-d80.html"><img
src="img/camara-fotografica-nikon-d80.gif" alt="Cámara
fotográfica NIKON D80" width="99" height="90" border="0" />
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.
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

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

Optimizando Nuestras Páginas para Los Buscadores

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Optimizando Nuestras Páginas para Los Buscadores

Uploaded by

Copyright:

Available Formats

Reinaldo Maguiña G.

Optimizando Nuestras Páginas Para Los

Después de haber desarrollado nuestra tienda virtual, tenemos que revisar

En este laboratorio aprenderemos lo siguiente:

1. El uso de las etiquetas de encabezado TITLE y META, y las etiquetas

Para ello vamos a abrir nuestro index.html con el programa Dreamweaver

Y revisaremos que el encabezado que se encuentra ente las etiquetas

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"

Si no tenemos un encabezado como el anterior, empezamos nuestro

Inserción De Las Etiquetas De Encabezado

<title>Camaras de Video, Camaras fotograficas, Reporoductores MP3,

A continuación damos un enter al final de la etiqueta </title> y

<meta name="description" content="Tienda de Productos Electrónicos

Al final damos un enter después del cierre de la etiqueta <meta

<meta name="Keywords" content="Camaras de Video, Camaras fotograficas,

Las tres etiquetas trabajadas son las principales para un buen

Uso De Las Etiquetas Semánticas

<h1>Título del documento</h1>

Utilizar la negrita, cursiva o agrandar el tamaño y no usar las etiquetas

Trabajando Nuestras Etiquetas Semánticas

Abrimos nuestro index.html con el programa Dreamweaver y cuando lo

Y trabajamos en el cuerpo que se encuentra entre las etiquetas <body>

Buscamos el título de la página y le cambiamos el formato, para ello

Cuando hallamos terminado, seguimos con el contenido encerrado en las

La Importancia De Los Enlaces (LINKS),

En la imagen tenemos el index de una tienda y podemos apreciar que cada

Para enlazar el nombre a la página del producto tenemos que sombrearlo

El código de este enlace sería el siguiente:

De esta manera hemos creado nuestro primer enlace asociado a una

El Anchor Text (Texto de anclaje) es el texto visible en un Link, es decir,

El Anchor Text es un elemento de importancia para los algoritmos de los

El segundo paso es dirigirnos al casillero con el nombre Alt y allí escribir la

El código de este enlace sería el siguiente:

El Uso del Archivos .htaccess

Algunos usos del archivo .htaccess:

Impedir el listado del contenido de un directorio

Redireccionar el tráfico web

Crear un mensaje de error personalizado

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

El Uso del Archivos robots.txt

El fichero robots.txt es un archivo de texto que dicta unas

Un crawler es un robot de una entidad (generalmente buscadores) que

Permite que todos los buscadores indexen todo.

No permite que todos los buscadores indexen todo.

No permite que Googlebot indexe la carpeta /folder1, excepto el archivo

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

Generando nuestro archivo robots.txt

You might also like