Por fin! No podía ser que dedicándonos a desarrollar páginas web, la nuestra estuviese en un estado tan lamentable. Gracias a un periodo de pausa entre proyecto y proyecto, contamos con una web a la altura de las que acostumbramos a hacer a nuestros queridos clientes.

Técnicamente, está desarrollada sobre nuestro gestor de contenidos, DGCcms, que nos permite gestionar todo fácilmente. Añadir clientes, tecnologías, páginas y servicios en minutos (o segundos)

Además, cuenta con un sistema de url´s amigables (¡sólo faltaba!), realizada en HTML5 conforme al futuro estándar de la W3C (es válida en su tester) y muestra de una forma atractiva nuestros trabajos pasados y las tecnologías utilizadas en sus respectivos desarrollos.

El blog también ha pasado por chapa y pintura, y a pesar de ser un WordPress de toda la vida, está completamente integrado en el funcionamiento de la web, siendo todos los contenidos (header, sidebar y footer) los mismos que los de la web matriz.

Por último, jQuery mobile nos ha facilitado las cosas a la hora de hacer una versión móvil del portal. Aunque nuestra web está optimizada de por sí para el funcionamiento en dispositivos móviles sin ningún problema (es muy ligera, rápida y sin contenidos incompatibles) hemos creído oportuno que los móviles más antiguos también puedan entrar en ella sin tener que esperar.

Esperemos que os guste, la disfrutéis y la compartáis con vuestros amigos.

Para posicionar una web, lo primero que debemos hacer es decidir el dominio en el que vamos a centrar todos nuestros esfuerzos. Posteriormente, debemos redirigir todos los demás dominios al elegido. Para ello, son suficientes un puñado de líneas en el .htaccess (siempre que nuestro servidor sea Apache)

Es imprescindible para el correcto posicionamiento que el dominio con y sin www apunte a la misma dirección.

Imaginemos que queremos redireccionar de dgcmedia.es a www.dgcmedia.es (que es lo que, como podéis comprobar, hacemos) Habría que añadir las siguientes líneas:

RewriteEngine on
RewriteCond %{HTTP_HOST} ^dgcmedia\.es [NC]
RewriteRule ^(.*)$ http://www.dgcmedia.es/$1 [R=301,nc]

Y funcionando. Ahora queda lo más difícil, posicionar correctamente la web y, para ello, utilizar SIEMPRE el dominio elegido (en nuestro caso, www.dgcmedia.es)

DGCmedia Diseño web, posicionamiento y publicidad en Google Adwords

Vamos a examinar el atributo rel de las url en una página web. Éste sirve para establecer una relación entre la página que contiene el enlace y su destino.

Es un microformato que informa de la jerarquía de una página web (index, section, chapter, next, prev…), indica a los robots si han de seguir el enlace o no (nofollow), o incluso sirve para establecer vínculos de amistad o trabajo (friend, co-worker, colleague…)

Como supondréis, es importante para el correcto posicionamiento de una página y parte importante del SEO.

Así se haría un link correcto:

<a href=”http://www.dgcmedia.es” rel=”index” tittle=”Diseño web Madrid”>Diseño Web Madrid</a>

Os dejo un par de tablas con variables del atributo rel (en inglés)

DGCmedia Diseño web, posicionamiento y publicidad en Google Adwords

Nueva directiva para el .htaccess de Apache:

<IfModule mod_deflate.c>
# Insert filter on selected content types only
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/javascript application/x-javascript
# Netscape 4.x has some problems…
BrowserMatch ^Mozilla/4 gzip-only-text/html
# Netscape 4.06-4.08 have some more problems
BrowserMatch ^Mozilla/4\.0[678] no-gzip
# MSIE masquerades as Netscape, but it is fine
BrowserMatch \bMSIE !no-gzip !gzip-only-text/html
# Don’t compress images
SetEnvIfNoCase Request_URI \.(?:gif|jpe?g|png)$ no-gzip dont-vary
# Make sure proxies don’t deliver the wrong content
Header append Vary User-Agent env=!dont-vary
</IfModule>

Has de tener el módulo deflate activado en el servidor. Con estas sencillas directivas harás que tu página cargue a mayor velocidad, lo que agradecerán tanto los usuarios de tu sitio como los robots encargados de rastrearla. Cualquier detalle es importante para el posicionamiento. SEO puro.

Puedes comprobar si funciona entrando aquí

DGCmedia Diseño web, posicionamiento y publicidad en Google Adwords

Para cualquier persona, siempre será más fácil imaginar el contenido de una página web si la dirección de ésta facilita, por lo menos, el título. Para un buscador, sucede exactamente lo mismo.

Estamos acostumbrados a ver url´s similares a esta:

http://www.google.es/#sclient=psy-
ab&hl=es&source=hp&q=dgcmedia&fp=2969af950d8ccd90

A priori, no sabríamos indicar la temática de la web en cuestión, ya que no nos dice absolutamente nada. Una mala url resta posibles visitantes, y es algo que podemos solucionar con relativa facilidad.

Imaginemos que queremos vender aires acondicionados, y diseñamos una página web dinámica con un dominio fantástico (como el de uno de nuestros clientes) que ayuda muchísimo al posicionamiento. http://www.aire-acondicionado-barato.com

A la hora de mostrar un modelo y sus características, siempre podemos pasar por get el modelo en cuestión para que php haga su trabajo. Quedaría un dirección como la siguiente: http://www.aire-acondicionado-barato.com/detalle.php?modelo=HSU09HEK03

Podría ser peor, sin duda. Pero seguro que un posible visitante de nuestra web, siempre preferirá la siguiente url:
http://www.aire-acondicionado-barato.com/haier/modelo/HSU09HEK03/1×1

Sólo nos interesa el modelo (HSU09HEK03) pero aprovechamos para indicar la marca y el tipo de instalación. Cliente mejor informado y, lo más importante, mostramos datos relevantes que Google tendrá en cuenta a la hora de mostrar nuestra web en búsquedas que necesiten de nuestro contenido.

Y ésto es tan fácil como incluir en el htaccess las siguientes directivas (siempre que el módulo mod_rewrite esté activado en nuestro servidor Apache)

RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule ^(\w+)/modelo/(\w+)/(\w+)?$ detalle.php?modelo=$2

Especificamos al servidor el formato que tendrá nuestra dirección amigable, y lo que debe hacer con las variables que le aportamos. En el ejemplo, hay 4 fragmentos entre barras (variable1 / modelo / variable2 / variable3) e indicamos que, al ser uno de ellos la palabra “modelo”, queremos que redireccione al archivo detalle.php y que utilice la variable2 para indicar el modelo.

Así de fácil. ¡Que os sea de ayuda!

DGCmedia Diseño web, posicionamiento y publicidad en Google Adwords