SEOClon, Proyecto de herramienta SEO

18 August, 2010 – 09:33 am

Adseok, un conocido blog en español sobre SEO y optimización web, y hermanado con otros blogs de temáticas afines sobre tecnología y dominios de internet, realizó hace algunas semanas a sus usuarios una encuesta sobre lo que debería hacer con SEOClon, un dominio que comenzó siendo un agregador de noticias sobre SEO, tipo Menéame, y que actualmente había caído casi en el abandono. Tras diversos apuntes y una votación, la decisión final ha sido convertirlo en una herramienta SEO de utilidad para webmasters. Algo parecido a lo que ya realiza SEOMoz, pero con unos objetivos, en principio, más realistas y con los pies sobre la tierra.

Para ello, ha decidido proponerles a los lectores su participación en el proyecto en diversos campos como la programación, la maquetación, etc…los interesados podeis poneros en contacto con Adseok a través del e-mail que proporcionan en dicho post sobre SEOClon.

Linklift abandona el mercado de enlaces

2 July, 2010 – 13:49 pm

Hace unos días Linklift anunció en su blog que abandonaba el mercado de enlaces de texto, tras una circular del director comercial a los empleados.

Antes de que este cambio radical se lleve a cabo, uno de los grandes pasos que nos conducirán a él tendrá lugar ahora en junio. Nuestro “mercado de los enlaces” se cerrará después de cuatro años satisfaciendo a nuestros anunciantes.

De primeras parece lógico sorprenderse pues si por algo ha sido comentada esta empresa en los últimos años ha sido por el tema de compra / venta de enlaces de texto, enfocada a la web en español. Por tanto, cabe pensar que si abandonan lo que parece su proyecto principal, es que disponen de otro de similar o mayor magnitud para sustituirlo.

Sin embargo, leyendo el artículo y dicha circular con más cautela, se observa que realmente no es un abandono del mercado de enlaces de texto como tal, sino tan solo de su política.

A partir de ahora, para configurar enlaces en las páginas de nuestro catálogo, todos y cada uno de los anunciantes deberá trabajar conjuntamente con nuestro joven y preparado equipo, donde tenemos personal listo para asesorar y gestionar campañas de la mejor forma.

O sea, que básicamente lo que hacen es eliminar el catálogo público, para que los potenciales anunciantes contacten directamente con asesores que les consigan el mejor enlace posible. Esto se supone que irá en detrimento del editor, que perderá control sobre lo que vende o incluso entrar en negociación para cada transacción.

Además, hablan de proporcionarle un mayor Link Juice al anunciante, por lo que claramente se centran en quien realmente les paga, y dejan claro que como para toda empresa dedicada a la compra / venta de enlaces, lo que al final les interesa es que sus clientes queden satisfechos con el pagerank obtenido, toda vez que Linklift siempre afirmó no centrarse en el pagerank como parámetro principal de su catálogo.

En fin, nuevos tiempos, nuevas políticas, nuevas publicidades, pero en el fondo lo mismo de siempre, una empresa de compra / venta de enlaces de texto para todos aquellos que busquen una alternativa a adsense.

P.D.: No quiero dejar de recordar a los neófitos y/o despistados, que la compra / venta de enlaces contraviene las políticas de posicionamiento orgánico para Google y quien la realiza corre el riesgo de ser penalizado.

Delicioso delicious

30 June, 2010 – 15:12 pm

En alguna ocasión he hecho referencias a delicious como red social, mientras abarcaba otro tema e incluso lo tengo disponible como bookmark de los artículos del blog. Sin embargo hasta ahora no me había animado a hablar de ella.

Delicious

Hasta la fecha tenía la impresión de que delicious era una red social semi-desfasada que terminaría decayendo ante las crecientes Facebook, Twitter y compañía, que permiten una interacción más directa, personal y completa entre los usuarios. Además, otro de los problema que siempre le he visto es que está claramente pensada para el mundo anglosajón.

Sin embargo, últimamente no sólo he sido capaz de encontrar bastantes recursos útiles tanto en español, como en inglés a través de ella, sino que he descubierto su potencial como fuente de tráfico. Adquirí un dominio para el cual tenía cierto contenido ya preparado, y decidí que su primer enlace sería a través de un bookmark de delicious. Le asigné las correspondientes tags que lo identificaran y ahí lo dejé.

Cual fue mi sorpresa al comprobar sólo 24 horas después que dicho bookmark se había convertido en alrededor de un centenar de visitantes, varios bookmarks de otras personas, y unos 5 dólares en publicidad de adsense.

Obviamente, tanto las visitas, como los ingresos fueron un simple espejismo pasajero, pero los bookmarks de las otras personas ahí se mantienen aún.

¿Pero que es delicious?

Delicious no es más que una red social, de las primeras que yo conocí, que en principio se presenta como una aplicación con un perfil de usuario que nos permite guardar, importar y exportar bookmarks (lo que comúnmente solemos llamar Favoritos). Su potencia radica en que se puede compartir la red de bookmarks propia con otros usuarios de delicious, buscar cuales son los bookmarks más recientes o las tags más usadas.

Ésto no sólo útil desde el punto de vista del usuario social para compartir contenido y tener acceso a noticias o novedades de un sector que le interesen, sino que también lo es desde el punto de vista SEO a la hora de conseguir enlaces a través de bookmarks (a pesar del nofollow) o de conocer los temas más candentes que la gente está compartiendo. Por otro lado, te permite generar tu propia network en la que hacer co-citación de tus sitios con otros relacionados de la misma temática.

Un par de curiosidades:

  • Inicialmente se llamaba del.icio.us y se accedía a ella a través del dominio estadounidense en cuestión. Hoy por hoy te redirecciona.
  • Actualmente es parte de Yahoo! y necesitas un Yahoo! id para ser usuario de Delicious.

Actualización Google Pagerank Junio 2010

7 June, 2010 – 14:19 pm

Se comenta en la comunidad SEO, que Google ha realizado otra actualización de pagerank en los últimos días.

Como ya sabreis todos a estas alturas, el pagerank es el valor o popularidad que una web obtiene de cara a Google, según su número de enlaces entrantes desde otros sitios (los ya conocidos backlinks). Y como también seguramente todos sabreis, antes este número tenía una gran importancia de cara al posicionamiento web en google, pero hoy por hoy está muy devaluado frente a otros factores que el buscador tiene en cuenta.

Lo que se comenta es que en esta ocasión se han centrado, como hacen periódicamente, en una actualización centrada en las penalizaciones de sitios que infringen ciertas políticas de Google, como puedan ser la compra / venta de enlaces, las linkfarm, etc…

En mi caso, no he tenido la ocasión de comprobar ningún tipo de penalización. Todos los sitios en los que trabajo siguen igual, por lo que para mi, o no es correcta esta hipótesis de actualización a la baja o no estoy infringiendo nada reseñable.

¿Que opinais los demás?

Funciones en PHP

17 May, 2010 – 16:31 pm

Las funciones son la base de la programación estructurada y nos permiten agrupar varias sentencias para que sean leídas y ejecutadas secuencialmente.

Además, cuentan con la ventaja de que sólo necesitan ser escritas una vez durante toda la ejecución del programa, pudiendo ser llamadas tantas veces como se necesite, con el consiguiente ahorro de código.

Las funciones, además, pueden recibir parámetros externos, que serán tratadas como variables locales con las que inicializar las instrucciones a ejecutar, y son capaces de devolver un valor de salida con la instrucción return.

Este sería un ejemplo básico de función para una suma:

<!– Ejemplo de funciones en Webidea.es –>

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<head>

<title>Ejemplo de Funciones</title>

</head>

<body>

function suma($sumando1, $sumando2){

$suma = $sumando1 + $sumando2;

return $suma;

}

</body>

</html>

De esta manera podríamos invocar la función suma tantas veces como quisieramos a lo largo del código obteniendo diferentes resultados dependiendo de los valores enviados como parámetros (sumandos) a la función.

Bucles en PHP

8 March, 2010 – 17:06 pm

Los bucles son otro de los elementos más comúnmente usados en programación. Los bucles permiten la repetición de una instrucción o conjunto de instrucciones mientras se cumpla una condición.

Existen bucles de tres tipos:

Bucles while

Son los más básicos. Suelen basarse en una única condicion.

Sintaxis: Mientras “a” sea menor que “b”

Éste sería un ejemplo de bucles con while:

<!– Ejemplo de bucles con while en Webidea.es –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<head>
<title>Ejemplo de Bucles</title>
</head>
<body>

<?php
$a = 0;
$b = 3;
while($a<$b){
echo "a es menor que b";
$a++;
}
?>

</body>
</html>

Bucles for

De definición algo más compleja que los bucles while, la instrucción for es la más completa de todas, puesto que nos permite manipular el funcionamiento de todo el bucle en una sola línea.

Sintaxis: Para un valor inicial de “a”, mientras “a” sea menor que “b”, le incrementamos en 1 unidad a “a”.

Éste sería un ejemplo de bucles con for:

<!– Ejemplo de bucles con for en Webidea.es –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<head>
<title>Ejemplo de Bucles</title>
</head>
<body>

<?php
$a = 0;
$b = 3;
for($a=0; $a<$b; a++){
echo "a es menor que b";
}
?>

</body>
</html>

Bucles foreach

Los bucles foreach son especialmente útiles para recorrer arrays, asignándole un nombre fijo a cada elemento.

Éste sería un ejemplo de bucles con foreach:

<!– Ejemplo de bucles con foreach en Webidea.es –>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<head>
<title>Ejemplo de Bucles</title>
</head>
<body>

<?php
$frutas = array("naranja","pera","manzana");
foreach($frutas as $fruta){
echo $fruta;
}
?>

</body>
</html>

Usabilidad

31 January, 2010 – 20:32 pm

¿Qué es la usabilidad?

La usabilidad es un concepto global para referirse al método de construir páginas web de visualización rápida, cómodas y fáciles de navegar para el usuario.

De nada sirve construir un sitio con una estructura confusa, sin un interface de navegación claro en el que el usuario se pierda, o incluir imágenes de gran tamaño que aumenten en exceso el tiempo de carga de las páginas animando al visitante a abandonar el sitio.

Es aquí donde entra en juego la Usabilidad.

Aunque más adelante entraremos más a fondo en cada uno de los aspectos relativos a la usabilidad, algunos de los más importantes son:

  • Estructura clara y definida.
  • Navegación.
  • Tamaño de las páginas, tanto en peso como en dimensión.
  • Inclusión de enlaces o hipervínculos.
  • Tamaño de las imágenes.
  • Tipografía.

Además, veremos como otras áreas de desarrollo y optimización web están íntimamente ligadas con la Usabilidad, como son el caso de la Accesibilidad o el SEO. Sólo por poner un ejemplo, uno de los pilares del SEO son los enlaces, tanto internos como externos, y uno de los requisitos de una página “Usable” es siempre dar una salida al usuario y que no se encuentre en una página sin salida, por lo que dichos links se hacen necesarios. Pero éste, y muchos otros, son sólo pequeños detalles de un gran conjunto de relaciones entre dichas áreas.

Co-citación SEO

21 May, 2009 – 19:56 pm

Se conoce como “cita” en el mundo editorial, al hecho de escribir una referencia o un texto que proviene de otra fuente. Cuando se citan varias fuentes o referencias, se suele decir que están co-citadas o en co-citación entre ellas.

En el campo SEO también se utilizan los términos de citación de co-citación, refiriéndose a enlaces o grupos de enlaces que son mencionados dentro de un mismo contexto. Por ejemplo, cuando Wikipedia enumera una serie de enlaces externos que amplian la información de su artículo, se puede decir que dichos enlaces están en co-citación entre ellos.

La co-citación adquiere importancia dado que al estar normalmente referida a un contexto o temática, da a los sitios citados una autoridad temática, pero además, Google y otros buscadores tienden a relacionar los sitios que están co-citados, por lo que si un sitio aparece citado al lado de otros cuatro que tienen cierta relevancia en la temática, automáticamente este adquiere también parte de esa relevancia.

Concluímos por tanto, que a la hora de realizar una campaña de Link Building, podemos optimizar dicha campaña no sólo consiguiendo ser enlazados desde sitios con cierta relevancia y pagerank alto, sino también siendo co-citados cerca de otros sitios que ya son autoridades en nuestra temática.

Algo importante a tener en cuenta con la co-citación, es que lo habitual es que los sitios citados en primer lugar, sean considerados los más relevantes, por lo que no sólo está el reto en ser co-citado, sino en conseguir que sea lo antes posible entre todos ellos.

Actualización de Pagerank Abril 2009

2 April, 2009 – 13:53 pm

Tras varias semanas especulando en Marzo sobre una posible actualización del Pagerank, debido al Google Dance que se venía dando, finalmente los Datacenters comenzaron a mostrar cambios en la famosa barrita verde ayer día 1 de Abril de 2009.

Aunque en algunos sitios ya se da por finalizada, lo cierto es que aún muy poca gente dice haber notado cambios en sus sitios, y yo ya he podido comprobar que uno de mis sitios sigue con dicho bailoteo en los valores que muestran los distintos Google Datacenters.

Parece que, o bien esta actualización trae pocas modificaciones, o bien la danza va a durar algo más que unas horas, como solía venir siendo habitual en anteriores actualizaciones.

Aunque ya todos sabemos que el Pagerank no es tan importante como antes, lo cierto es que a casi todos nos sigue haciendo ilusión ver este valor aumentado.

Que tengais suerte.

Menu desplegable en CSS

23 March, 2009 – 00:54 am

Hace unos años, si queríamos poner un menú desplegable en nuestra web, teníamos que recurrir al javascript, lo que presentaba problemas de accesibilidad, y carga de diversos scripts en nuestro <head>, que hacían que aumentase el peso de nuestras páginas, y por tanto ralentizaban la carga.

Actualmente, se pueden construir menúes desplegables totalmente accesibles y configurables, gracias a las listas de HTML y el CSS.

Supongamos que queremos construir un menú con un par de secciones principales, y varias sub-secciones en el interior de cada una de estas. En el código HTML, lo único que tendríamos que hacer es crear una lista <ul> con dos items <li> y dentro de cada uno de los items, anidar otra lista con varios elementos.

<!– Código HTML para el ejemplo de menú desplegable –>
<div class=”desplegable”>
<ul>
<li>
Webs Interesantes
<ul>
<li>
Santiago Cuenca</li>
<li>
Webidea</li>
<li>
Dragon Ball Z</li>
<li>
Naruto Shippuden</li>
<li>
Instalaciones Eléctricas</li>
<li>
Saint Seiya</li>
<li>
Design Training</li>
<li>
Aranjuez</li>
</ul>
</li>
<li>
Blogs SEO
<ul>
<li>
SEO Femenino</li>
<li>
Webidea</li>
<li>
Google Dirson</li>
<li>
Adseok</li>
<li>
Sergio Blanco</li>
<li>
SEO Profesional</li>
</ul>
</li>
</ul>
</div>

Simplemente añadiendo un enlace a cada uno de los elementos en la lista, nos quedaría algo así:

Ahora tenemos que aplicar los correspondientes estilos CSS:

/* Le damos un ancho estándar a las listas, un borde, fondo y le quitamos estilos de lista y márgenes */
.desplegable ul{width:150px; border:1px solid #00749e; background:#fff; padding:0; margin:0; list-style-type:none;}

/* Damos un poco de relleno a los items */
.desplegable ul li{padding:.5em;}

/* Le decimos a la lista anidada que no se muestre y le damos estilo a los enlaces */
.desplegable ul li ul{display:none;}
.desplegable ul li a{text-decoration:none; display:block; width:100%; height:100%;}

/* Resaltamos el fondo del item al pasar sobre él y cambiamos el color del texto */
.desplegable ul li:hover{background:#00749E; color:#000;}
.desplegable ul li:hover a{color:#000;}

/* Cuando un item está activo y tiene lista anidada, lo mostramos con display:block */
.desplegable ul li:hover ul{display:block; position:absolute; margin:-20px 0 0 140px;}

Y el resultado final sería:

Obviamente, este es un ejemplo sencillo, y este tipo de menúes son totalmente personalizables. Ya todo depende de tu creatividad e imaginación.