Url amigables con htaccess

Hoy en día el desarrolla de un sitio web se tiene que realizar pensando, que esa web se posicione con el tiempo, es decir que nuestra web aparesca dentro de las primeras posiciones cuando uno realiza una busqueda en los buscadores como Google, Bing, Yahoo, etc. y uno de esos requisitos para que se posicione es la optimización de las URLs.

Para Google no es lo mismo una Url así: http://www.midominio.com/index.php?id=120 que si ponemos de esta manera http://www.midominio.com/viajar-a-machu-picchu.html
para Google la primera url no significa nada, en cambio la segunda hace un llamado a la acción de ir de viaje a Machu Picchu, quiere decir que la página habla de como podré viajar a Machu Picchu. Es así que Google colocará en las primeras posiciones a la segunda Url cuando uno realiza busquedas con la palabra viajar a Machu Picchu.

Si nuestra web es dinámica, podemos realizar las url amigables a través del archivo .htaccess, esto si tenemos un Servidor Web Apache, de lo contrario no funcionaría. Vamos a ello, en nuestra carpeta raíz creamos un archivo llamado .htaccess y agregan el siguiente código:

1
2
3
4

RewriteEngine on
RewriteRule ^productos.html$ productos.php [L]
RewriteRule ^productos/([a-z0-9-]*)\.html$ productos.php?id=$1 [L]
RewriteRule ^productos/([a-z0-9-]*)/([a-z0-9-]*)\.html$ productos.php?id=$1&id2=$2 [L]

En la primera línea activamos el modulo mod_rewrite del Servidor Web Apache, la segunda línea reescribimos la url productos.html por productos.php, es decir lo que se vera es la url productos.html y no la página productos.php, en la tercera línea usamos una expresión regular para permitir solo el uso de minusculas, el guión y los números, todo lo que esta dentro del paréntesis se pasara como un valor y se llamará $1, esto se pasa como un valor GET al archivo productos.php, de la misma manera se hace con la cuarta línea, pero esta vez tomando dos valores.
Al final de la línea se usa la opción [L] para indicarle al servidor que no procese más reglas.

De esta manera puedes realizar Urls amigables, depende de cada uno y dependiendo de cada sitio web, crear las reglas correctamente, para que no produsca ningun error.

Más información pueden ir a la documentación del modulo mod_rewrite

Eso fue todo por hoy, hasta la próxima.

Urls con o sin www | re-direccionamiento 301

En la mayoría de los servidores web que hospedan nuestras paginas web se puede acceder a la pagina web con el nombre de dominio precedido de las “www” al igual que sin las “www” por defecto. Por ejemplo, se veria la misma pagina principal con http://imediacreativa.com y tambien con la esta url http://www.imediacreativa.com. y la mayoria de webmaster lo dejamos así pero porque deberían de cambiarlo?, en que afecta que se pueda acceder de las dos formas a mi web?.

A tu pagina web en si no le afectara en nada pero si hablamos de posicionamiento web ahí cambia la cosa. En primer lugar los robots de búsqueda van a encontrar de alguna u otra manera enlaces hacia su pagina web con las dos formas (con o sin el www) lo cual lo toma como si fueran dos paginas distintas ya que las urls son distintas y termina indexando las dos formas de la url pero que muestra el mismo contenido. Esto se puede comprobar fácilmente con el Page Rank de Google ya que hay casos en los que una de las formas tiene menos PR que el otro debido a que es la que se usó como primaria en la labor de posicionamiento web.

Al ser indexar las dos paginas como paginas diferentes, uno de los dos deberá ser despreciado por los buscadores al considerarse contenidos duplicados, por mostrar el mismo contenido en url diferentes.

También, al obtener enlaces hacia una y otra de las formas de url que tenemos, estaríamos dividiendo de forma desventajosa el valor que nos otorgan estos enlaces, ya que no siempre está depende de nosotros impedir la existencia de enlaces hacia la dirección que no deseamos.

Otro inconveniente de esta dualidad de direcciones es que algunos sistemas de seguimiento de estadísticas las tratan como Webs diferentes, dividiendo de esta forma las estadísticas de acceso o perdiendo parte de ellas, dando valores incompletos que pueden afectar la elaboración de una buena estrategia de posicionamiento web.

Pero y como podemos evitar que se genere esta dualidad de urls que es tan desventajosa por parte del posicionamiento de nuestra pagina web, pues se puede solucionar mediante un re-direccionamiento 301 hacia el modelo de url que deseemos usar bien con o sin www.

Aqui les dejo el codigo para hacer un re-direccionamiento 301 en un servidor Apache mediante .htaccess

1
2
3

RewriteEngine on
RewriteCond %{HTTP_HOST} ^dominiosinwww.com$ [NC]
RewriteRule ^(.*)$ http://www.dominioconwww.com/$1 [R=301,L]

como ven el siguiente código redireccionara de la url sin www a la versión de url con www, y los buscadores solo veran un modo de la url.

existen varias formas de hacer un re-direccionamiento 301 tanto como para Apache como para IIS pero en lo que Apache respecta prefiero usar esta con .htaccess.

Espero les haya ayudado este consejo si tienen dudas las pueden dejar en sus comentarios.

El Uso Adecuado de los Encabezados

Bueno en este articulo vamos a hablar del uso adecuado de los encabezados, cuantos existen y la importancia de su uso para el posicionamiento web y mejora de la optimización de nuestra página web.

Los encabezados vienen ser los titulos o heading que usamos en nuestras paginas, al contrario de cuando uno comienza a aprender HTML, se usaba los encabezados como una variante rapida de tamaños de fuente, gran error. Estas etiquetas no deben utilizarse simplemente porque ofrecen variantes rápidas en los tamaños de fuente, este es un trabajo que debe dejarsele al CSS. Esto permite al diseñador centrarse en hacer que el código sea relevante a los contenidos que debe mostrar.

Los encabezados tienen una misión mucho más importante en la semántica de un sitio web, estos ayudan a destacar la jerarquía de los contenidos, definiendo la importancia de los títulos empleados dentro de una pagina web. En HTML y/o XHTML, existen 6 niveles de encabezados <h1>, <h2>, <h3>, <h4>, <h5>, <h6>, siendo el primero el de mayor importancia la cual debe haber tan solo una por pagina, que suele ser parecida a la de la etiqueta title de la pagina, el resto de encabezados (h2,h3..) puede haber mas de uno y dependerán de los demás subtitulos que existirán.

un ejemplo de la estructura y uso correcto de los encabezados seria la siguiente.

<h1>Título</h1>

<h2>Apartado 1<h2>

<h3>Subapartado 1.1<h3>

<h2>Apartado 2<h2>

<h3>Subapartado 2.1<h3>

<h3> Subapartado 2.2<h3>

Como se puede ver esa seria una estructura clásica por así decirlo del uso adecuado de los encabezados, no siempre existe una solución general a la organización de los encabezados del sitio, es decir no siempre podemos usar una misma estructura de encabezados, todo depende de en el que se desea poner el foco, a que damos mayor relevancia. Por ejemplo en la siguiente imagen vemos el uso de los encabezados en la pagina de Digg.

Debemos usar los encabezados en las paginas mas que todo  por accesibilidad web, es decir que  sea donde sea que vean la página, ya sea con un celular, una PDA, etc; éstos dispositivos reconocerán que ése texto es un título y tiene mayor importancia que otro titulo dentro de la página, mientras que si fuera tan solo un texto con tamaño grande, los dispositivos no lo reconocerán, y creerán que es un simple texto más como el contenido, y es así también que los motores de búsqueda reconocerán  la jerarquía y organización dentro de la página web dándole mayor relevancia a los títulos que generalmente contienen las keywords que posicionamos, muy aparte le sera mas fácil de navegar al robot de búsqueda por una página bien estructurada.

Posicionamiento Para Busquedas Locales | Google Places

Una parte importante de las búsquedas son locales aproximadamente mas del 40% de las búsquedas son locales, es por esto que se hace necesario conseguir que Google determine la ubicación física de nuestro negocio web para poder competir en el ámbito local, e intentar salir en los primeros puestos de Google Places el servicio de ubicación geográfica de Google.

Google con el pasar del tiempo cada vez está presentando más resultados con mapas que muestran las  localizaciones de empresas, hoteles, restaurantes y otros tipos de lugares de interés y servicios o negocios en general. Se puede observar sobre todo si se realizan búsquedas relacionadas a ciudades o países, la simple búsqueda del nombre de una ciudad del mundo, da como resultado en la primera posición un mapa de la ciudad y el enlace respectivo hacia Google Maps.

El servicio de Google Places lamentablemente no esta habilitado para todos los países para el caso de Sudamerica solo esta habilitado en 3 países como podemos ver  la imagen de abajo pueden ver la lista aqui, pero aun asi vamos a dar algunos tips para las empresa o negocios que deseen mejorar su posicionamiento en los resultados de mapas.

Lo primero que tenemos que hacer es agregar un mapa con la ubicación de nuestro negocio para el caso de los países que tengan habilitado Google Places pues agregamos nuestro negocio visitando este link y para los paises que estemos desabilitados pues entramos a Google Maps y creamos nuestro mapa con una cuenta de usuario de Gmail siempre colocando palabras clave en el titulo de nuestro negocio.

Otro punto importante a tomar en cuenta para posicionarnos localmente es utilizar etiquetas geo, para la ubicación física de nuestro negocio, Geotagging es el proceso de añadir metadatos de identificación geográfica a diversos medios tales como fotografías, vídeos, páginas web, o RSS. Estos datos suelen consistir en las coordenadas de latitud y longitud, aunque también puede incluir la altitud, el rumbo, exactitud de los datos y nombres de lugares.   Todo esto nos permitirá que los motores de búsqueda de  Google le de importancia a la ubicación ya sea de nuestra web o de las imágenes o texto sobre las que usemos las etiquetas Geo.

Un ejemplo de las etiquetas geo las pueden ver aquí para que las usen sobre su pagina y mejorar su posición en Google Places:

<meta name=”geo.position” content=”-12.073798; -77.050617 “>
<meta name=”geo.placename” content=”Lima, Peru”>
<meta name=”geo.region” content=” PE-LIM “>

Otra cosa que se toma en cuenta a la hora de posicionar un negocio es la cantidad de mapas en los que se incluye tu negocio  los mapas y otros contenidos generados por los usuarios son cada vez más importantes y parece que esta importancia aumentará con el tiempo.

Por ultimo recuerda enviar tu negocio o tu sitio web a los directorios locales y páginas amarillas, esto te ayudará de dos formas. En primer lugar, conducirá el tráfico local a tu sitio web. En segundo lugar, también te dará algunos backlinks relevantes y con esto podrás mejorar tu posicionamiento en los motores de búsquedas para las consultas de búsquedas locales.

Coméntanos que tal te sirvió estos consejos para tu Negocio y si tu mapa de Google Places sale en las búsquedas.

Google Intant Preview, vista previa de la web | Google Instant Preview

Desde la semana pasada maso menos se pudo comenzar a apreciar una lupita al costado derecho de los resultados de búsqueda que cuando damos click ahi nos muestra un thumbnail o vista previa de la pagina web, ahora no solo dando click en la lupa si no tambien cuando damos click en el contenido y no en el enlaces y si se vuelve a dar click en el contenido se cierra la imagen, a este nuevo servicio de google se le llama Google Instant Preview.

Para muchos esta pre visualización de las paginas debe de ser nueva pero tal ves para usuarios de Bing no lo sea tanto ya que Bing ya disponía de esta función.

Esta función que esta implementando Google ayuda mas que todo a tener una visión general de la paginas que vayamos a visitar y pre visualizar si realmente es relevante la pagina nos da un resultado de búsqueda, y seguro que las paginas que se posicionan para una palabra clave y que son solo publicidad vana a salir perdiendo con esta nueva función pero los usuarios de Google tendrán una mejor experiencia.

Ahora Google nos recomienda algunas cosas para salir bien en la foto.. (n_n) como por ejemplo que tengamos bien estructurada nuestra pagina web, que evitemos paginas intermedias y popup en lo posible, y que tratemos de evitar las animaciones flash en todo el site, bueno esto ultimo también va para el seo pero con respecto a Google Instant Preview las animaciones en flash no se ven  en las imágenes, asi que los diseñadores web tendran que pensarlo bien al usar flash en sus páginas  y si quieren salir realmente bien en la foto.

El servicio por ser nuevo esta en expansión aun, así que talves en algunos navegadores no se pueda ver bien, pero si quieres ver como salio en la foto tu pagina web mediante Google Chrome lo puedes ver, por ejemplo la imagen de abajo es de la pagina de iMedia Creativa.

También recuerden que Google Instant Preview selecciona algunas sección relevantes de su texto que contengan las palabras de búsqueda y las amplia en la imagen así que también tenemos que optimizar bien nuestro contenido para las palabras claves que estemos posicionados.

Les dejo a continuación el vídeo sobre la introduccion a  Google Instant Preview del mismo Google.

Que les pareció esta nueva función de Google. les ayudo en algo?

WooRank Una Excelente Herramienta

Woorank, es una herramienta de análisis web muy útil para aquellos que realizamos SEO esta herramienta de análisis web nos muestra alrededor de unos 50 criterios analizados en la pagina que ingresemos, permitiéndonos tener una visión general de que falta para poder optimizar al 100% nuestra pagina.

Esta herramienta de análisis web con un marcador sobre 100 cuanto esta calificado nuestra web o mejor dicho que tan bien esta optimizada nuestra pagina web, también nos da la posibilidad de poder exportar todo el informe en un archivo pdf así como también enviárnoslo por correo aunque nunca me llego el informe al correo en la prueba que hice en la versión en español de WooRank.

Lo mejor de esta herramienta de análisis web es que al costado de los criterios que analiza en cada web nos muestra con un color verde si su estado esta ok o rojo si hay que revisar y modificar y cuando desplayamos en el símbolo +  del criterio analizado nos muestra si este es de “Alto Impacto” o “Bajo Impacto” para nuestra web por supuesto debemos hacerle mas caso a los de Alto impacto; todo esto acompañado de una breve descripción de como debería estar dicho criterio analizado en nuestra web y como arreglarlo, también en algunos casos nos da buenos links donde podemos informarnos mas al respecto.

Para utilizar esta herramienta de análisis web solo tenemos que ingresar la URL del sitio que queremos analizar y esperar unos pocos segundos para que el sistema nos muestre un completo reporte acerca de varios puntos importantes para el posicionamiento de nuestra web.

Los criterios que resalto de esta herramienta de análisis web son algunos como: Cantidad de Paginas indexadas, Paginas Populares (de nuestro site), El titulo, Meta Description, keywords, titulos, Imágenes, Análisis en algunas paginas internas, analisis de back link, directorios Dmoz y Yahoo y varios factores mas.

Les recomiendo esta herramienta de análisis web es muy útil para un análisis completo de nuestra web y lo mejor es que es gratuita, pruebenla y nos comentan que les pareció esta herramienta de análisis web aquí les dejo el link.