Soluciones para Webmasters

(* es lo mismo:  links, vínculos o enlaces) Para los webmasters que usan un hosting propio y crean páginas manualmente es oportuno hablar un poco de los links* Muchos de los sitios web aún se crean manualmente y tienen muchas ventajas, sin embargo siempre ha existido el debate de cómo crear los links. Si bien es cierto que los robots escudriñan nuestros sitios web saltando de link en link, también es cierto que van encontrando ciertas barreras creadas sin intención. Es por eso que tenemos dos clases de links: relativos y absolutos, ejemplo: Link Relativo , se trata de colocar en el vínculo solamente el nombre del archivo, ejemplo: <a href="pagina.html">Página</a> Link Absoluto , se trata de colocar toda la dirección web o URL de la página, ejemplo: <a href="http://www.dominios.com/pagina.html">Página</a> Como vemos el vínculo visualmente no va a variar, pero por dentro sólo es distinto al referenciarlo. Los buscadores van a

Si que los nuevos estándares nos la ponen difícil, al igual que los buscadores. Según Google siempre debemos etiquetar a las imágenes por una cuestión que los rastreadores (bot) la puedan grabar en sus registros. Entonces las cosas quedan como sigue: - Google necesita que etiquetes todas las imágenes porque eso ayuda a sus registros que luego usa en el buscador de imágenes. En conclusión etiqueta todo con ALT, ejemplo: <img src="http://www.guiaplaza.com/imagenes/barramessenger.jpg" alt="webmessenger, messenger, guiaplaza, España" width="169" height="45" /> - Si es que la imagen es un ícono que no necesita ser etiquetado, igualmente usa ATL, pero sin contenido (sólo comillas). Ejemplo: <img src="http://www.guiaplaza.com/home/tv.png" alt="" width="16" height="16" /> - No olvides que las etiqueta de tamaño siempre deben estar presente.

En Marketing se enseña que las debilidades hay que saber convertirlas en oportunidades. Una de las debilidades desaprovechados por los webmasters son las páginas de Error o 404, que se producen cuando cuando alguien escribe mal una dirección dentro de tu sitio web o intenta visualizar una página que ya no existe (que has borrado). Muchos servicios de hosting no están configurados con las páginas de error, cada directorio raíz de un dominio debe tener una página llamada 404.shtml. Esta página 404.shtml si viene en tu directorio raíz del hotsting es probable que no contenga nada o un simple error. Hay muchas tácticas para diseñar páginas graciosas, como por ejemplo: Pero no sería mejor aprovecharlas de una manera más eficiente? Simplemente hacer una página con nuestros principales links, algunas cosas interesantes y hasta.... la valiosa publicidad de adsense o del sistema que tengas. Algunos sitios web, tienen más de 100.000 impresiones en sus páginas de error, con una buen

(este artículo ha sido actualizado*) Muchos de ustedes se habrán dadio cuenta que blogger no es tan generoso para las políticas del SEO. Una de ellas es agregar el título de cada post en cada página, esto normalmente se logra poniendo en <title> el títular del artículo. Blogger por defecto le da el mismo título de página a todas las páginas internas, por lo que es necesario editar el HTML y hacer un cambio sencillo: Busca la etiqueta <title> que contiene  <data:blog.pageTitle/> y reemplaza con: <title><data:blog.pageName/></title> (*) Hoy en día todas las páginas de Blogger ya traen esta función, pero existe una forma de optimizar los títulos . Adicionalmente y ya que estás editando tu blog agrega las etiquetas de descripción y palabras clave. Estas apareceran igualmente en todas las páginas web y mejorarás la indexación en los buscadores. <meta content='Aquí debe ir la descripción de tu página web' name='descriptio

 « este truco tiene una nueva versión para las nuevas plantillas  » Muchos blogueros que tienen una bitácora en Blogger.com que lógicamente se muestra bajo el dominio de blogspot.com personalizan las plantillas con diseños propios y resulta que no desean o está en sus planes que se muestre la barra superior: Para eliminar la barra hay que agregar este estilo entre las etiquetas <head> <style type="text/css"> #navbar-iframe { height:0px; visibility:hidden; display:none; } </style> Con esto desaparecerá la barra, debido a que le estamos diciendo que la visibilidad sea escondida y su recuadro no se tome en cuenta. Antes de Guardar la plantilla definitivamente, puedes darle una Vista Previa y ver como se verá. «  este truco tiene una nueva versión para las nuevas plantillas  »

Muchos se preguntan qué son las dos primeras líneas que los editores o programas html nos colocan al iniciar una página web. Todos los navegadores como IE, Firefox, Chrome, Safari y demás leen estas líneas para saber como van a tratar al documento y darle los formatos visuales correspondientes. Es muy importante que todas las páginas las tengan sino en cada navegador la página se visualizará de una forma diferente, esto quiere decir que los textos pueden estar centrados en Internet Explorer, pero en otros como Firefox se verán tirados a la izquierda, por ejemplo. Así que de eso se trata todo esto: <!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" xml:lang="es" dir="ltr" lang="es">

Muchos blogueros comparten sus artículos con la finalidad de aumentar su alcance en la web y es que muchas bitácoras tienen contenido interesante, debido a que internet es una plataforma en donde tus conocimientos son rápidamente difundidos es imposible dar un alto o pretender especificar que sitios pueden o no re-difundir tus artículos. Para ello la red de Blogger tiene una herramienta muy útil y se llama:. " Feed del Sitio" la cual permite proporcionar tus RSS en forma completa, pero ahi no acaba el caso, lo bueno de esto es que podemos poner una o varias etiquetas HTML al final de cada post para que las páginas que la difunden no se la lleven tan fácil. La opción se llama: " Pie de página del Feed de entradas" Sin embargo y a varios les ha pasado que cuando intentan colocar una imagen sale el siguiente error: Empty tag is not self-closing: IMG El cual se soluciona colocando una barra doble al final, ejemplo: Tu código original : <img src="h