Blog de Web Idea - Recursos de Programación y Optimización Web http://www.webidea.es/blog Optimización web, SEO, Programación, PHP, Javascript, XHTML Tue, 09 Mar 2010 10:27:08 +0000 http://wordpress.org/?v=2.6 en Bucles en PHP http://www.webidea.es/blog/bucles-en-php/ http://www.webidea.es/blog/bucles-en-php/#comments Mon, 08 Mar 2010 15:06:50 +0000 admin http://www.webidea.es/blog/?p=201 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>

]]> http://www.webidea.es/blog/bucles-en-php/feed/ Usabilidad http://www.webidea.es/blog/usabilidad/ http://www.webidea.es/blog/usabilidad/#comments Sun, 31 Jan 2010 18:32:15 +0000 admin http://www.webidea.es/blog/?p=198 ¿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.

]]> http://www.webidea.es/blog/usabilidad/feed/ Co-citación SEO http://www.webidea.es/blog/cocitacion-seo/ http://www.webidea.es/blog/cocitacion-seo/#comments Thu, 21 May 2009 17:56:04 +0000 admin http://www.webidea.es/blog/?p=192 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.

]]> http://www.webidea.es/blog/cocitacion-seo/feed/ Actualización de Pagerank Abril 2009 http://www.webidea.es/blog/actualizacion-de-pagerank-abril-2009/ http://www.webidea.es/blog/actualizacion-de-pagerank-abril-2009/#comments Thu, 02 Apr 2009 11:53:50 +0000 admin http://www.webidea.es/blog/?p=190 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.

]]> http://www.webidea.es/blog/actualizacion-de-pagerank-abril-2009/feed/ Menu desplegable en CSS http://www.webidea.es/blog/listas-desplegables-en-css/ http://www.webidea.es/blog/listas-desplegables-en-css/#comments Sun, 22 Mar 2009 22:54:04 +0000 admin http://www.webidea.es/blog/?p=183 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.

]]> http://www.webidea.es/blog/listas-desplegables-en-css/feed/ Palabras clave en la URL http://www.webidea.es/blog/palabras-clave-en-la-url/ http://www.webidea.es/blog/palabras-clave-en-la-url/#comments Sun, 22 Mar 2009 18:35:43 +0000 admin http://www.webidea.es/blog/?p=180 Hace algunos días, Matt Cutts hablaba en el siguiente vídeo sobre la importancia de incluir las palabras clave en la URL. Según comenta, la adición de las palabras clave en la URL tiene alguna importancia, pero no demasiada, por lo que tampoco hay que volverse loco con ello. Debido a esto, básicamente enfatiza que quizá no merezca la pena el esfuerzo que requiere adaptar un sitio ya construído, para que incluya las palabras clave en la URL, para la poca importancia que tiene.

En resumen, Matt Cutts nos cuenta esto:

  • Si la web funciona bien sin incluir las palabras clave en la URL, no merece la pena adaptarla a ello.
  • Es interesante incluir las palabras clave para optimizar mejor el sitio, si la web es nueva.
  • Si se utiliza un gestor de contenidos (CMS), hacerlo sólo si éste lo permite fácilmente.
  • Si las palabras clave son útiles para el usuario y descriptivas para el robot, sin caer en el spam.

A título personal quiero decir, que si un buen nombre de dominio no garantiza aparecer arriba en las búsquedas, sí que ayuda bastante. Conozco casos de dominios, especialmente geolocalizados (.es), que con palabras clave en el nombre de dominio y secciones, y apenas un par de enlaces externos entrantes, posicionan fácilmente en las 2-3 primeras páginas para búsquedas competitivas del interfaz google de dicho país (en este caso www.google.es).

]]> http://www.webidea.es/blog/palabras-clave-en-la-url/feed/ 100 enlaces por pagina http://www.webidea.es/blog/100-enlaces-por-pagina/ http://www.webidea.es/blog/100-enlaces-por-pagina/#comments Sun, 22 Mar 2009 17:12:13 +0000 admin http://www.webidea.es/blog/?p=178 Hace unos días, Matt Cutts comentaba en este post de su blog, acerca de la cantidad de enlaces máxima que debería haber en una página.

Como bien sabemos, Google siempre ha dicho que los enlaces de un sitio web no deben sobrepasar a los 100 en número, entre otras cosas, para que la página no sea considerada una granja de enlaces (link farm).

En dicho post, Matt Cutts reafirmaba esta cuestión, y decía que además la transmisión de Pagerank desde dicha página era casi nula, pero además añadía algo, que si hasta ahora no era ningún secreto, realmente si se solía comentar poco en las comunidades SEO, y es que Google sólo indexa y cachea los 100 primero Kb de una página, por lo que el resto podrían perderse.

Quizá esto pueda no parecerle grave a algunas personas, que opinan que si Google no llega a un enlace desde una página, ya lo hará desde otra, pero lo cierto es que esto puede tener serias complicaciones para alguien demasiado confiado.

Como SEO, siempre te interesará tener tu contenido en la parte superior del código para que Google lo lea antes, y si no eres tú mismo quien maqueta, seguramente le pedirás a tu maquetador que coloque primero el contenido y luego el menú o menúes laterales, cosa que es bastante sencilla de realizar con CSS. Pero si haces esto en la home, que es la primera página a la que se accede, y metes demasiado texto y enlaces en la parte superior, es posible que llegues a un punto en el que tus menúes y categorías internas queden innacesibles, y “et voilá” tu sitio no se indexará, o tardará muchísimo en hacerlo.

Por tanto, cuidado con la cantidad de texto y enlaces que pones en tu contenido. Haz una home con datos precisos y deja un sitemap en formato html siempre bien accesible a los distintos robots de los motores de búsqueda.

]]> http://www.webidea.es/blog/100-enlaces-por-pagina/feed/ Retorno de la inversión http://www.webidea.es/blog/retorno-de-la-inversion/ http://www.webidea.es/blog/retorno-de-la-inversion/#comments Sun, 22 Mar 2009 16:47:45 +0000 admin http://www.webidea.es/blog/?p=175 Aunque en este blog, cuando hablo de publicidad web, suelo hacerlo más en términos de rentabilizar un sitio a nivel de webmaster con sistemas como Google Adsense, recordemos que la publicidad web es mucho más que eso, y la base de todo ello la proporcionan los anunciantes.

Si eres editor de Adsense, deberías saber que los anuncios que muestras en tu web provienen de la inversión que realizan ciertos anunciantes para publicitar o vender sus productos.

En ocasiones, puede que un anunciante sólo busque promocionar su imagen, y le sea suficiente con generar miles de impresiones textuales o gráficas para que los usuarios se familiaricen con su marca, o simplemente visitas a su sitio web. En la mayoría de las ocasiones, por el contrario, lo que el anunciante busca al publicitar su producto, es obtener un beneficio en ventas. Cuando un click en Adsense sobrepasa el nivel de visita y se convierte en venta, se dice que ha obtenido una “conversión“. Es decir, ha conseguido el objetivo de su campaña publicitaria convirtiendo al visitante de un comprador potencial, a un comprador activo.

Al total de conversiones, comparado con el gasto publicitario se le denomina Retorno de la inversión o ROI.

Si en algún momento te has planteado llevar a cabo una campaña de Adwords, o si ya lo has hecho, pero simplemente la habías planteado como una manera de obtener visitas a tu sitio web, deberías saber que el Retorno de la inversión es un factor muy importante en la publicidad con Adwords (bueno, en realidad de cualquier tipo de publicidad), y quizá plantearte realizar una campaña en este sentido. El Retorno de la inversión, bien planificado, no sólo te permite recuperar lo que inviertes, pudiendo volver a reinvertirlo, sino incluso obtener beneficios superiores a los que habitualmente puedas conseguir con Adsense.

¿Como puedes usar Adwords y el Retorno de la inversión (ROI) a tu favor?

  • Si tienes algún producto propio, planea venderlo a través de Adwords.
  • Si no dispones de un producto propio, busca programas de afiliados relacionados con la temática de tu web, y promociona los productos de un tercero por los que obtienes una comisión.
]]> http://www.webidea.es/blog/retorno-de-la-inversion/feed/ Nueva tag SEO: “Canonical” http://www.webidea.es/blog/nueva-tag-seo-canonical/ http://www.webidea.es/blog/nueva-tag-seo-canonical/#comments Mon, 16 Feb 2009 17:58:59 +0000 admin http://www.webidea.es/blog/?p=172 Los 3 grandes buscadores, Google, Yahoo! y MSN, han acordado la instauración de la nueva tag “Canonical” (prefiero no llamarla meta, porque es una tag de tipo link), para intentar así detectar con mayor fiabilidad el contenido original, y evitar posicionar mejor los contenidos duplicados.

La estructura de esta nueva tag, es la siguiente:

<link href=”http://dominio/pagina” rel=”canonical” />

Obviamente, al igual que un favicon, una hoja de estilos o cualquier otra tag de este tipo, tiene que ir antes del </head> de la página.

Aunque su uso en principio se postula también para contenido interno, y así poder especificarlo bien en blogs, u otro tipo de webs que usen tags o páginas con contenido duplicado, lo cierto es que yo veo su utilidad más adecuada al contenido interno.

Está más que claro, que si alguien te copia un contenido tal cual, es poco probable que luego ponga una tag canonical apuntando a tu sitio para descubrirse él solo, pero creo que puede ser de utilidad si las redes sociales de noticias, tipo Digg, StumbleUpon o Meneame, comienzan a incluirlo en los story (página de la noticia), indicando la fuente original. De esta forma, se evitará confundir a los buscadores sobre que página deben posicionar. En cualquier caso, habrá que esperar para ver si estas redes sociales lo implementan de este modo.

]]> http://www.webidea.es/blog/nueva-tag-seo-canonical/feed/ Año Nuevo, Pagerank y Reyes http://www.webidea.es/blog/ano-nuevo-pagerank-y-reyes/ http://www.webidea.es/blog/ano-nuevo-pagerank-y-reyes/#comments Fri, 02 Jan 2009 19:49:56 +0000 admin http://www.webidea.es/blog/?p=170 Bueno, pues llegó el 2009, y los últimos días del pasado año trajeron la sorpresita de una nueva actualización del pagerank visible, aunque por desgracia, se ve que Google tiene la asignación de barrita verde como la economía global, en crisis. Esta actualización ha venido reflejando en su mayoría, descensos de Pagerank. Webidea se salva de la quema y mantiene su Pagerank 3, aunque la mayoría de mis otros dominios han caído un punto, algunos de ellos por segunda vez consecutiva.

En fin, que ya todos sabemos que se rumorea la posible desaparición de la famosa barrita, y también que apenas es influyente en el posicionamiento web en google, lo cual no quita para que siempre haga ilusión ver cualquier tipo de indicador lo más alto posible.

En otro ámbito de cosas, me ha parecido estupenda la iniciativa de la compañera SEO, Raquel Franco, de hacer un regalito por Navidad a los que más comentan en su nuevo blog, consistente en un enlace con un buen anchor text, así que he decidido imitarla. Si bien aquí aún hay poco tráfico y por tanto pocos comentarios, lo que voy a hacer es poner un enlace a los que sé que me visitais cada cierto tiempo, a los que de algún modo me servís de inspiración, o a los que tengo como contacto.

Ahí van:

Pues nada, feliz año 2009 a todos, y que los Reyes Magos vengan bien cargaditos :)

]]> http://www.webidea.es/blog/ano-nuevo-pagerank-y-reyes/feed/