Programación y comprobación de páginas web

Tanto la programación como la accesibilidad de los buscadores pueden ser compradas fácilmente por los propios usuarios. El código de programación de cualquier página web en el internet puede comprobarse en cualquier navegador. Para ello sólo hay que cargar la página en cuestión. A continuación se carga la programación de la página dependiendo del navegador:

• Internet Explorer y Opera: En la barra de menú bajo “edición” pulsando en “etiqueta” aparecerá el código de programación en una ventana emergente.
• Firefox: En la barra de menú de Firefox se encuentra igualmente bajo “edición” el elemento “editar etiqueta”.
• Netscape: En este navegador se podrá ver la etiqueta bajo “edición” en el elemento “etiqueta de página”.

La programación aparecerá en una ventana emergente del editor de textos.

No vamos a profundizar en esta sección en la programación en HTML pero sí en la desventaja que presenta para los buscadores ubicar textos en gráficos.

Textos en Gráficos y elementos multimedia como por ejemplo películas

Ya hemos mencionado anteriormente en varias ocasiones que los textos ubicados en gráficos y contenidos en películas no pueden ser identificados en su totalidad por los buscadores con lo cual estos textos quedan para los buscadores desapercibidos.

A continuación ponemos el ejemplo siguiente:

La etiqueta para este gráfico es:

<img src="./files/nombre-del-imagen1.gif" alt="" title="" class="border"/>

Opcionalmente podrán incluirse datos referentes a las dimensiones de la imagen.

En este ejemplo se trata de un fichero con la extensión .gif. Se pueden incluir también ficheros de tipo .jpg, .png, swf (películas en Flash).

En este ejemplo podemos ver que el texto ubicado en los gráficos no se encuentra en el código de programación por lo cual no podrá encontrarse por los buscadores. Las partes de los textos no pueden ser marcados con el ratón.

Ahora pasaremos a mostrar el ejemplo del gráfico como imagen de fondo y el texto en primer plano:

La etiqueta en este caso es:

<div class="spec" style="width:300px; height:53px; background:url(files/nombre-del-imagen2.gif); border:1px solid #007087; background-repeat:no-repeat;"> <h3 class="h3spec">Optimización para buscadores con STFmedia</h3> <p class="pspec">Infórmese sobre nuestros servicios</p> </div>

En este caso vemos que el código de programación es más largo que el anterior, con la diferencia que en este último ejemplo el texto está presentado como texto puro, por lo cual los buscadores no tendrán ninguna dificultad en identificarlo. Los buscadores no sólo rastrean el texto si no que identifican las funciones como “h3” como un título de orden 3 y que entre “p” se encuentra un texto. En este caso los textos pueden ser marcados y tratados de forma individual.

En las páginas web creadas por STFmedia no se “esconden” textos relevantes en gráficos.
Infórmese sobre los servicios de STFmedia y permítanos que le asesoremos.

STFmedia – todo a mano