All posts in Desarrollo

¿Así que querías saber (casi todo) de CSS?

Canonical Link Element

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

Continue reading →

OK-Cancel or Cancel-OK

Should the OK button come before or after the Cancel button? Following platform conventions is more important than suboptimizing an individual dialog box.
We get countless questions about small details in UI design that don’t matter much to the overall user experience. One classic is the order of buttons in dialog boxes:
OK/Cancel
Cancel/OK
Both are reasonable choices, and people can argue for hours about their preferences: Listing OK first supports the natural reading order in English and other languages that read left-to-right. Many other button sets have a natural progression (say, Yes/No or Previous/Next). You should always list these so that the reading order matches the logical order “

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?”.

Continue reading →

The Googley Principles – The Google Guide to Good Web Design

Google’s User Experience Group es el responsable del dise

Using CSS Variables

magen vista en wikipediaIt 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?

Continue reading →

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?

Continue reading →

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.

Continue reading →