Si publicamos un archivo PDF en nuestra web es necesario que los visitantes tengan instalado el plugin de Adobe Reader para poder visualizar el documento. Para resolver este problema les presento una forma de embeber documentos PDF y que puedan ser visualizados sin necesidad que el usuario tenga Adobe Reader.

Publicando Archivos PDF
Para publicar hacemos uso del visor de archivos PDF de Google Docs, este visualizador tiene herramientas como zoom, navegación entre páginas y la posibilidad de abrir el documento en una ventana nueva. Entonces para mostrar el PDF primero subimos el archivo a nuestro servidor y luego colocamos el siguiente código:

1
2

<iframe src="http://docs.google.com/gview?url=url-del-pdf&embedded=true" 
style="width:600px; height:500px;" frameborder="0"></iframe>

En donde hemos definido el ancho y alto del visualizador. Entonces si tenemos un archivo PDF en la siguiente dirección: http://2webfacil.com/wp-content/uploads/2009/10/Flash-Player-10.pdf entonces tendríamos nuestro código para publicar el PDF.

1
2

<iframe src="http://docs.google.com/gview?url=http://2webfacil.com/wp-content/uploads/2009/10/Flash-Player-10.pdf&embedded=true" 
style="width:608px; height:500px;"  frameborder="0"></iframe>

Con lo cual obtenemos el resultado mostrado a continuación y como pueden ver se adapta muy bien a nuestra web, todo ello con un par de líneas de código muy sencillas.

Agregando la Traducción Automática
El servicio Google Traductor ofrece una herramienta para hacer la traducción automática en Make your website instantly available in other languages. Para ello lo que tenemos que hacer es primero seleccionar el idioma original de nuestro web y luego de ello se generará un código Javascript que tenemos que colocar en nuestro web.

Ahora si deseamos podemos agregarle un mensaje personalizado antes de mostrar la opción para traducir podemos agregar el texto dentro del div, con lo que tendríamos el siguiente código:

1
2
3
4
5
6
7
8
9

<div id="google_translate_element">Traductor Automático</div>
<script>
function googleTranslateElementInit() {
  new google.translate.TranslateElement({
    pageLanguage: 'es'
  }, 'google_translate_element');
}
</script>
<script src="http://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>

Con lo cual obtenemos la opción para traducir rápidamente nuestro web, además de ello se muestra en la parte superior una barra con la opción para traducir el web. Sencillo y rápido es la implementación y nos ayudará a brindar acceso a mas personas al contenido de nuestro web. A partir de ahora el idioma no será un impedimento para que los usuarios puedan entrar a tu web.

La mayoría de buscadores tienen amplia documentación para ayudarnos a mejorar la ubicación de nuestros sitios web en los resultados de búsqueda. Recientemente Google ha puesto a disposición una Guía SEO para principiantes. Veamos que puntos recomiendan.

Títulos de páginas únicos y concisos
Los títulos de tus páginas deben ser únicos, cortos y concisos indicando el contenido del mismo, de esta forma los usuarios reconocerás fácilmente la información a la que accederán. Un error común es colocar los títulos de las páginas con lo cual aparecerá “Untitled” o “New Page 1“.

1

<title>2WebFacil</title>

Usar el metatag description
El metatag description es utilizado para indicarle a los buscadores un resumen del contenido de la página que se esta visualizando, este contenido es utilizado como texto descriptivo en los resultados de búsqueda. Si no se encuentra el description el buscador generará automáticamente un pequeño resumen con las primeros párrafos que se encuentran en nuestro html.

1

<meta name="description" content="Tips, tutoriales para personalizar tu web" />

Mejorar las estructura de los URLs
Es recomendables que las URLs contengan las palabras clave de las páginas parte del título, esto hará que sea mas sencillo recordarlas y puede indicar la estructura de nuestros documentos. Por ejemplo es mejor crear una página llamada contacto.html para nuestra página de contáctenos que una llamada file3.html. Si estas utilizando algún lenguaje de servidor es recomendable no utilizar los IDs y utilizar los keywords, por ejemplos:

1

http://tuweb.com/products.php?idcat=5&idprod=116

Es poco probable que el usuario pueda identificar a que producto accederá en lugar de ello se puede cambiar la estructura del html de la siguiente forma:

1

http://tuweb.com/products/fruits/apples/

Es obvio que en el segundo enlace estas entrando a la sección productos, estas visualizando las manzanas de la categoría frutas.

Crea tu sitio fácil de navegar
Organiza tus archivos de forma lógica de manera que el usuario pueda detectar a que información esta accediendo, por ejemplo los productos puedes colocarlos dentro de una carpeta llamada productos y puedes crear una carpeta por cada producto que tienes.

Ofrece contenido y servicios de calidad
Si ofreces un sitio con contenido de calidad hará que los visitantes regresen nuevamente, esto ayuda a fidelizar a los usuarios, además si un usuario ha encontrado útil tu web de seguro lo recomendará y así conseguirás mas visitas. Para ello puedes escribir contenido fácil de leer, crea contenido único, ofrece productos y servicios exclusivos.

Escribe correctamente los enlaces
Los enlaces son utilizados para redireccionar a otras páginas, pero estos enlaces deben contener explicitamente el contenido al cual se accederá. Por ejemplo si tienes un enlace al listado de productos es recomendable colocar ‘Listado de Productos‘ en lugar de ‘Click aqui‘.

1

...puede visitar nuestro <a href="productos.html">Listado de Productos</a>

Utiliza los tags de texto adecuadamente
Los tags para formatear texto (<h1>, <h2> … <h6>) aparte de dar el tamaño de los textos indica la estructura del contenido, un tag <h1> es como el titulo del texto, <h2> como si fuera el subtitulo y así sucesivamente. Esto ayudará a los buscadores a tener la estructura adecuada del contenido de nuestra página.

Optimiza el contenido de las imágenes
Si utilizas imágenes es recomendable agregarle la propiedad alt en donde se coloca el contenido de la imagen, por ejemplo si estas mostrando una imagen con la fachada de una casa el código que debes poner sería:

1

<img src="photo.jpg" width="200" alt="Fachada Edificio San Andres" />

De esta forma los buscadores tendrán una referencia del contenido de la imagen, y en los buscadores de imagen pueden encontrarlas e incluso recibir visitas por este método.

Utiliza el archivo robots.txt
Este archivo le indica a los buscadores que contenidos deben o no deben indexar, de esta forma podemos restringir que se indexen los contenidos de la zona de usuarios registrados por ejemplo.

Utilizar la propiedad rel=”nofollow” en los enlaces
Esta propiedad le indica a los buscadores que no rastreen o indexen el enlace, esto es útil para prevenir que se rastreen paginas con contenido dudoso, por ejemplo es lo comentarios de los blogs los enlaces tiene la propiedad rel=”nofollow” para indicar que estos links no forman parte de contenido del blog y que no deben seguirse. también es útil para prevenir el spam.

1

<a href="http://webspam.com" rel="nofollow">Comentario Spam</a>

Utilizar Google Webmaster Tools
Google Webmaster Tools son un conjunto de herramientas gratuitas para facilitar el seguimiento de las páginas indexadas así como de errores y sugerencias para nuestras páginas.

En resumen son tips sencillos y fáciles de implementar los cuales nos ayudarán a posicionarnos adecuadamente en los buscadores y de esta forma conseguir más visitas.