All posts in Desarrollo
Canonical Link Element

- Canonical Link Element
El nuevo elemento canónico es muy simple, por pomposo que suene. En definitiva, se trata de una línea de código que podemos añadir en las cabeceras de las páginas que podrían ser duplicados. Imaginemos una lista de precios con orden ascendente, descendente, ordenada por colores – necesitamos las tres URL para mostrar el contenido a los usuarios, pero a ojos de los buscadores dse trata de duplicados. Asi empiezan a hacer conjeturas sobre cuál de ellas es ’la principal, la importante, la más interesante para los usuarios…’ El elemento canónico lo evita, nadie mejor que nosotros para decir que, puestos a elegir, qué es lo más importante.
¿Y eso es bueno?
Evidentemente. Es como si estuviesemos comunicando a los buscadores algo así: “ de todas estas páginas con idéntico contenido, esta página es la más útil. Por favor, dar prioridad en los resultados de la búsqueda”. En teoría, permitirá consolidar la autoridad y la popularidad de un enlace en una sola dirección URL, en contraposición a la fragmentación entre varios similares URL. También evitará las pensalizaciones por duplicidad. La gestión de SEO será más transparente y los sitios que empleen las técnicas blancas se verán beneficiados de ello. Eso en teoría y no hay que ponerlo en duda, pero no será hasta dentro de unos meses que veamos como reaccionan los buscadores, como indexan y posicionan.
Un ejemplo práctico
En el Blog de Google se describe este ejemplo que se puede ver en wikia.com :
- http://starwars.wikia.com/wiki/Nelvana_Limited
- http://starwars.wikia.com/wiki/Nelvana
Los contenidos de las dos URL son prácticamente idénticos.
Si miramos el código fuente de la primera, veremos que incluye el nuevo elemento así: <link rel=”canonical” href=”http://starwars.wikia.com/wiki/Nelvana” /> .
Con eso comunica a los buscadores (por ahora a los que apoyan esta convención, Google, Yahoo y Microsoft), que ambas URL deberían estar consolidadas en sus índices como http://starwars.wikia.com/wiki/Nelvana y con eso evitan la duplicidad de contenidos en su sitio.
¿En qué se diferencia de 301 redirect?
No en mucho. 301 es crossdomain, mientras quu el elemento canónico solo sirve para un dominio. Eso sí, es mucho más facil insertar una línea de código que esperar al ingeniero de turno para que active el 301 redirect desde su panel de control, con el código .htaccess u otro método.
Que yo sepa, no tengo páginas duplicadas ¿o sí?
Todos estos ejemplos son los candidados perfectos para que seponga manos a la obra (sin prisa, pero sin olvidarse de ello, como suguieren desde Google) :
- www vs no-www. ¿su dominio funciona ya sea con o sin “www” Si es así, es un buen candidato para incluir el nuevo elemento. Además, para evitar líos, utilice siempre el formato que elija, con www o sin, pero no cambie. Además, las direcciones absolutas, mejor que las relativas.
- http – https. Del mismo modo, si una URL funciona tanto de una forma segura como no segura, es un duplicado.
- Afiliados. Cuando reciben un enlace de su web, todos muestran el mimso contenido
-
- http://www.minegocio.com/products/?afiliado=001
- http://www.minegocio.com/products/?afiliado=530
- http://www.minegocio.com/products/?afiliado=964
-
- Balanceo de carga. Algunos sitios desvian parte de su tráfico a los servidores como www2, www3, www-n lo que conduce a la indexación de éstos – duplicados – en lugar del principal
¿Cómo proceder?
Suponiendo que tenemos todas estas variaciones con contenido idéntico o muy similar, generado por nuestro CMS o editor entusiasta y sólo la primera es la ‘correcta’
http://www.tusitio.com/url-correcta/
introduciremos en las cabeceras de cada una de las siguientes ‘duplicadas’ la línea que ya nos sabemos de memoria:
<link rel=”canonical” href=”http://www.tusitio.com/url-correcta/” />
- http://www.tusitio.com/url-correcta/default.aspx
- http://tusitio.com/correct-url/ http://yoursite.com/url-correcta/
- https://www.tusitio.com/correct-url/
- https: // www.tusitio.com/url-correcta/
- http://www.tusitio.com/url-correcta/?aff_src=127
- http://www.tusitio.com/url-correcta/?from=sidenav
Matt Cutts lo explica todo con más detalle. Además responde a las dudas en este vídeo:
Update: 21/3/2009 . Si le hacemos caso a Matt Cutts, no hay prisa. Sin embargo, si quieres puedes empezar a ponerlo en práctica muy faclmente. Éste es el plugin ‘canocnical element’ para WordPress y su URL de descarga- http://yoast.com/wordpress/canonical/ . En el mismo sitio encontrarás también la solución fácil para Drupal.
I am not a spammer!
Extracto de wiki de SpamAssasin : http://spamassassin.apache.org/
Some Tips for Legitimate Senders to Avoid False Positives
SEO-sanitizing a WordPress theme in 5 minutes
When you start a blog with WordPress, you get an overall good crawlability like with most blogging platforms. To get it ranked at search engines your first priority should be to introduce it to your communities acquiring some initial link love. However, those natural links come with disadvantages: canonicalization issues.
“
Consult With Your SEO Expert Before Site Re-Design
It’s a near nightmare situation really. A client sends an email on Friday saying, “We’re launching a new web site on Monday, can you take a look at it to make sure our site optimization is ok?”.
The Account Manager asks for a URL and upon receiving, clicks to find a “pretty” home page with 90% images and/or Flash, “cool web 2.0? navigation using Ajax and as a result of a new content management system, a URL syntax that is completely different than before. Oh, and all title/meta descriptions are now hard coded and there are 50% less pages because the VP of Marketing heard at an executive marketing seminar that “less is more”.
First and foremost, such a blindside situation for a site’s SEO should never happen if Account Management is on top of things. As an advocate and consultant, the AM should have a rapport for information sharing, such as, “Our new VP is having a new site built and has no idea about the 60% of site traffic that comes from natural search. What should we do?”.
The Googley Principles – The Google Guide to Good Web Design
Google’s User Experience Group es el responsable del dise
Using CSS Variables
It is very common to find repeated property values in a CSS stylesheet. CSS Variables allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.
CSS Variables can define stylesheet-wide values identified by a token and usable in all CSS declarations. A recurring value, like colors or background-color in a stylesheet, will be way easier to update across the stylesheet if a developer has to modify at just one single place or value instead of modifying all style rules applying the property:value pair.
CSS Variables, once implemented, will allow authors to define variables that are reusable as property values anywhere in a stylesheet and queryable/modifiable through an extension of the CSS Object Model.
Majority of the Web Designers and Developers has been requesting a way of defining CSS Variables since its early release. Nonetheless, some are of the opinion that it is not needed and will complicate matters.
Why variables in CSS?
Website Content – It’s All About The Why?
By Jerry Bader (c) 2008
Every week I get asked to look at business websites and tell the
owners why they’re not getting the results they want. Some of
these sites are straightforward brochures, others are e-commerce
catalogs, and some are those direct-mail-style pitches
reminiscent of old mail-order magazine subscription schemes
ported-over to the Web. Some have incorporated do-it-yourself
audio and video and some even had this media professionally
produced; still the results stink. Why?
IE8 Arrives
Did someone change the coffee brands at Microsoft? After taking 6 years to move from version 6 to version 7, the IE team has offered the first IE8 beta barely 18 months after IE7′s release.
