seo-y-sem

¿Aún crees que necesitas preocuparte por la etiqueta Keywords en tu página web?

Años atrás… muchos años quizás… la etiqueta keywords era un elemento clave en lo referente a decirle a los buscadores de que trataba una página concreta. Es decir, estabamos ante el sancta sanctorum del posicionamiento de las webs. !En aquellos años claro está!

Evidentemente la meta etiqueta keywords pronto se convirtió en el objetivo para todos los webmasters. Los hubo que hicieron un uso adecuado de la misma, pero también hubo muchos que aprovecharon el lugar dispuesto para meter toda clase de «etiquetas» aún incluso sin que estas tuviesen relación (quizás uno de los puntos de origen del Black Hat Seo).

Por suerte, los buscadores continuaron evolucionando en su tecnología de búsqueda y con el tiempo encontraron otras muchas formas de determinar las palabras clave de las páginas por sus propios métodos, sin necesidad de recurrir a lo que el bienintencionado webmaster le ponía en la etiqueta keywords.

Aún así, la etiqueta keywords sigue utilizándose porque aunque ya no sea un elemento clave para los buscadores, estos siguen consultando la información que se incluye en ella y empleándola en diferentes funcionalidades. Podéis ver un poco más abajo un vídeo donde explican como ellos no hacen uso de esta etiqueta a la hora de determinar los rankings de su buscador. Y si os fijáis veréis que ya tiene sus años, es de septiembre de 2009, así pues si aún os preocupáis de esta metaetiqueta de cara al posicionamiento mejor os convendría refrescar un poco vuestros conceptos y buscar en otros puntos de vuestra página para decirle adecuadamente a los buscadores de que trata vuestra página.

iconsDB.com iconos para tus proyectos web

iconsDB.com es un proyecto donde encontraremos un extenso repositorio de iconos con los cuales aderezar nuestro proyecto web. Donde destaca este servicio es en ofrecer iconos clasificados por color, ofreciendo un simple pero eficaz sistema de etiquetas que nos ayudará a encontrar el icono que nos hace falta. En la web encontraremos iconos en los formatos más habituales: ICO, PNG, JPG y GIF, además de varios tamaños, desde los 16×16 a los 512×512 pixeles. También ofrecen un buscador como alternativa para encontrar lo que buscamos más rapidamente. Sin duda, una interesnte propuesta para apuntar en vuestros favoritos.

Como ver el archivo .htaccess en Aptana Studio 3

Los archivos .htaccess constituyen una útil ayuda para los programadores web, permitiendo establecer desde reglas de conversión de URLs hasta proteger el acceso a directorios concretos. Bien, una cosa curiosa es que al empezar con un punto, estos archivos aparecen como ocultos en la mayoría de sistemas y de editores. Si por ejemplo os encontráis haciendo uso de Aptana Studio 3 y no veis el archivo .htaccess puedes con un simple cambio hacer que aparezca en el árbol de proyecto para así posteriormente poder editarlo si es necesario.

Para ello, si hacemos click en la flecha que aparece en la esquina superior derecha del árbol de proyectos se desplegará un menú donde seleccionaremos la opción Customize View… (Personalizar vista…).

aptana_1

Allí lo que tenemos que hacer es desactivar la casilla de la opción .* files y también *.resources.

aptana_2

De esta forma, a partir de ahora podremos observar en nuestro árbol de proyecto los archivos y así poder editarlo en caso de ser necesario.

PHP 5.3 a punto de llegar a su fin

El ciclo de desarrollo de PHP 5.3 parece estar llegando a su final. ¿El motivo? Recientemente el equipo de desarrollo de PHP anunció la disponibilidad de las versiones 5.4.10 y 5.3.20. Estas actualizaciones de seguridad vienen para solucionar varios fallos de seguridad y marcar el punto final de la rama 5.3.x de PHP. Así pues PHP 5.3 llega a su fin tras algo más de tres año y medio desde su lanzamiento y de ahora en adelante y hasta marzo de 2013 solo se realizarán actualizaciones de seguridad críticas. Así pues, se anima a los usuarios a preparar la migración a PHP 5.4 (y sin olvidarse que PHP 5.5 ya empieza a asomar la cabeza). Si queréis más información o acceder a las descargas de PHP 5.4.10 y PHP 5.3.20 podéis hacerlo desde aquí.

Añade el boton de Google+ a tu web

Google+ red socialSeguramente a esta altura ya lo sepas, pero las redes sociales son cada vez más importantes para los sitios web. Ayudan a interactuar con sus usuarios y aparte aportan una mayor visibilidad y tráfico de una forma relativamente sencilla. Para que todo funcione mejor y para ayudar a que la gente pueda compartir el contenido de una web a través de la red social, las distintas redes sociales ofrecen herramientas que nos permiten integrar botones con los que realizar dichas labores. En este breve, pero útil artículo, vamos a incluir el código necesario para que puedas introducir el botón de compartir de la red social Google Plus. Solo tienes que elegir uno de los siguientes fragmentos de código y añadirlos en tu página en el punto donde quieras que aparezca el botón de compartir con la red social de Google.

Opción 1: Botón de compartir con el número de personas que han compartido el contenido encima.

<!‐‐ Place this tag where you want the share button to render. ‐‐>
<div data‐action=»share» data‐annotation=»vertical‐bubble» dataheight=»60″></div>
<!‐‐ Place this tag after the last share tag. ‐‐>
<script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() {
var po = document.createElement(‘script’); po.type = ‘text/javascript’; po.async =true;
po.src = ‘https://apis.google.com/js/plusone.js’;
var s = document.getElementsByTagName(‘script’)[0];
s.parentNode.insertBefore(po, s);
})();
</script>

Opción 2: Botón de compartir con el número de personas que han compartido el contenido al lado.

<!‐‐ Place this tag where you want the share button to render. ‐‐>
<div data‐action=»share» data‐annotation=»bubble»></div>
<!‐‐ Place this tag after the last share tag. ‐‐><script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() { var po = document.createElement(‘script’); po.type =’text/javascript’;
po.async = true; po.src =’https://apis.google.com/js/plusone.js’;
var s =document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
</script>

 Opción 3:  Botón de compartir solo.

<!‐‐ Place this tag where you want the share button to render. ‐‐>
<divdata‐action=»share» data‐annotation=»none»></div>
<!‐‐ Place this tag after the last share tag. ‐‐><script type=»text/javascript»>
window.___gcfg = {lang: ‘es‐419’};
(function() { var po = document.createElement(‘script’);
po.type =’text/javascript’; po.async = true; po.src =’https://apis.google.com/js/plusone.js’;
var s =document.getElementsByTagName(‘script’)[0]; s.parentNode.insertBefore(po, s); })();
</script>

Google quiere que nuestra web sea movil

Conscientes de que el mundo de los dispositivos móviles podría ser el futuro, Google sigue empeñado en que nos aseguremos que nuestra web está adaptada para dispositivos móviles. Así pues han puesto a nuestra disposición la web HazTuWebMovil.com donde podremos comprobar cual es el aspecto de nuestra página web en un dispositivo móvil. Una vez comprobado el aspecto, nos permitirá hacer un test y además, tendremos consejos para poder adaptar nuestro sitio web para dispositivos móviles. Así pues, Google quiere que no haya excusas para que todas las webs estén adaptadas para estos.

 

ScreenFly, comprueba el aspecto de tu página web en distintas resoluciones

ScreenFly es una sencilla pero muy útil herramienta para los desarrolladores web que permite comprobar el aspecto de una página en diferentes resoluciones, desde tablets, smartphones, pasando por ordenadores y hasta en televisores. Simplemente tras entrar en el servicio, introducimos la URL del sitio que queremos comprobar y se nos mostrará el resultado pudiendo luego elegir el tipo de pantalla en la que queremos comprobar cual es el aspecto de la web. Sin duda, una útil herramienta que conviene que probéis para asegurar que vuestros desarrollos se ven correctamente en distintos dispositivos.

 

WebPlatform un sitio donde estar al tanto los desarrolladores web

Logo WebPlatformWebPlatform es una plataforma nacida para que los desarrolladores web tengan un punto de referencia donde consultar toda la información que les permita llevar a cabo sus desarrollos web de la forma más eficaz y sencilla. En la web, se podrá encontrar documentación sobre los principales estándares web, así como las diferentes APIs disponibles, la compatibilidad con los diferentes navegadores, ejemplos y todo tipo de útil información para que los desarrolladores estén al día.

No en vano, esta plataforma cuenta con el respaldo de los principales agentes en el mundo online W3CAdobe, FacebookGoogleHPMicrosoftNokiaMozilla y Opera. Sin duda el lugar tiene todo para convertirse en un lugar de referencia y para aquellos que seáis desarrolladores web no podemos sino recomendaros visitar el lugar y obtener así toda la información que pueda ayudaros a lograr que vuestros proyectos lleguen a buen puerto.

El Apple Touch Icon ¿que es? y como añadir uno a nuestra web

Desde hace algún tiempo Apple permite que en iOs podamos crear accesos directos a algunas páginas web como si se tratase de iconos de apps. Para ello, desde el navegador Safari podemos elegir la opción «Añadir a pantalla de inicio» (que está disponible desde el mismo boton con el que podemos guardar una página en favoritos, el llamado «Boton de acción»). Al hacerlo, por defecto se crea una imagen con una pequeña captura de la página en cuestión. No obstante si queremos definir un icono propio en lugar de hacer uso de esa captura, podemos definir el llamado Apple Touch Icon.

¿Y como lo hacemos? Lo primero de todo es crear el icono, el cual debe cumplir las siguientes condiciones impuestas por Apple: debe estar en formato PNG y debe tener una resolución adecuada al dispositivo (144×144 pixeles o 72×72 pixeles para los iPad y 57×57 pixeles en el caso del iPhone). Si el icono lo tenemos almacenado en la raiz de nuestro sitio web con el siguiente nombre: apple-touch-icon.png todo debería funcionar de forma automática. Pero lo más fácil es que por tener todo mejor organizado en nuestro servidor este icono no se pueda encontrar en la raiz, con lo cual tendremos que añadir algo de código a la cabecera <head></head> de nuestra página. El código sería como sigue:

<head>
<link rel=»apple-touch-icon» href=»ruta_donde_esta_el_icono/apple-touch-icon.png»>
</head>

Y si además, queremos usar un icono distinto en iPhone y iPad, escribiremos el siguiente código:

<head>
<link rel=»apple-touch-icon» sizes=»57×57″ href=»ruta_donde_esta_el_icono/touch-icon-iphone.png» />
<link rel=»apple-touch-icon» sizes=»114×114″ href=»ruta_donde_esta_el_icono/touch-icon-ipad.png» />
</head>