Posted by planetawordpress on mayo 10, 2012 Comentarios desactivados
Los rich snippets son el resultado de la inclusión de microformatos en las páginas de resultados de búsqueda de Google que incluyen algún tipo de interactividad por parte de los usuarios que han visitado el sitio web que aparece en los resultados.
El elemento más visible son las estrellas de los sistemas de puntuación que usan sitios como el mismo repositorio de WordPress.org, webs de revisión de películas y sitios así.
Estos rich snippets ofrecen una visibilidad extra al sitio web en la página de resultados, por lo fácilmente identificables, atrayentes, que son las estrellas a color que los identifican, que habitualmente generan más clics hacia los sitios que tienen estos llamativos elementos. Sólo por eso es una buena idea incorporar un sistema de puntuación en tu WordPress que genere estos rich snippets en los resultados de Google.
Vamos a ver algunos …
Author hReview – Quizás el más completo, y hasta la fecha parece que eficaz. Incorpora un sistema completo de revisiones de artículos por parte de los autores del sitio que, además de en tu sitio, muestra estrellas de valoración de las publicaciones
Seo ultimate – Este completo plugin de SEO incorpora, entre su multitud de herramientas, un generador de rich snippets, que puedes configurar a tu gusto.
GD Star rating – Completo plugin de puntuaciones y revisiones para WordPress, que también puede generar los rich snippets. No obstante, para este uso concreto no lo recomiendo pues es un gran devorador de recursos, quizás de los mayores que hay.
Google rich snippets – Plugin especializado en añadir un sistema de valoraciones que genera rich snippets.
The SEO rich snippets – Este plugin ofrece un sencillo sistema de revisiones que también se ve reflejado como rich snippets en los resultados de Google
Una vez implantado un sistema puedes comprobar si funcionan los rich snippets en esta herramienta de Google, a sabiendas de que debes esperar un poco, pues no es inmediato.
Varnish Cache es un acelerador web, o un sistema de cache HTTP de reverse proxy. Se instala en cualquier servidor que sirva (vale, es redundante) HTTP y se configura para que cachee sus contenidos. Según algunos estudios acelera el servicio en un 70%.
Cachear una web, por si alguien no lo sabe aún, es almacenar una copia de la misma para que sea la que vean los visitantes futuros. En el caso de Varnish y WordPress, lo que consigue es servir páginas cacheadas (almacenadas) de tu WordPress para que no tenga este que hacer llamadas a la base de datos cada vez que alguien visita tu web. Esto reduce la carga del servidor ya que simplemente sirve una copia única de las páginas a todos los visitantes sin tener que buscar las mismas imágenes y servicios para cada contenido y cada visitante.
Además, Varnish cachea las páginas en memoria virtual, para que tu sitio cargue mucho más rápido, lo que de paso mejora tu SEO, pues Google tiene estimado que por cada medio segundo de tiempo de carga adicional de una web esta recibe una media de un 20% de menos visitantes (fuente). De este modo, reduciendo con Varnish de manera importante el tiempo de carga de página pueden aumentar tus visitas y mejorar tu ranking en los buscadores, algo siempre a tener en cuenta.
La gente de Varnish ha publicado un vídeo muy simple, al tiempo que explicativo que seguro te ilustra sobre lo que hace …
Instalando Varnish
Varnish es un software libre así que no tienes excusas para instalarlo ahora mismo. Se ejecuta en Linux, preferiblemente en FreeBSD, pero puede funcionar igualmente en otras plataformas. Una vez lo instales puedes personalizarlo para definir cuantas peticiones entrantes gestionará mediante el Idioma de Configuración de Varnish (Varnish Configuration Language o VCL).
Varnish está pensado para que sea flexible, para que lo instales pensando en un sitio concreto en mente, y lo adaptes de manera personalizada a el.
Lo ideal es empezar con una configuración básica de Varnish, para más adelante ir probando pequeños cambios y ver como afectan al rendimiento del sitio concreto. Hay varias subrutinas que le dicen a Varnish como responder a las peticiones entrantes y salientes, a los errores, etc.
Así que vamos a empezar con una configuración básica, para luego echar un vistazo a las funciones básicas del VCL y luego ya tu lo tuneas a tu gusto.
Paso a paso
Poner en marcha Varnish es bastante sencillo. Partiendo de una base de, digamos, Apache en un sistema Debian (la mayoría de los servidores Linux), aunque también funciona en el resto, empezaríamos con este comando:
apt-get install varnish
Primero hay que configurar Apache para que “escuche” el puerto 8080 de localhost. Varnish podrá entonces escuchar el puerto 80 (por donde vienen las visitas). En el archivo /etc/apache2/ports.conf, edita estos ajustes:
Reemplaza DIRECCION_IP_EXTERNA con la IP de tu dirección IP externa. También puede ser una dirección interna si tu servidor está tras un balanceador de carga o algo como NGINX. Este ajuste controla qué dirección IP y puerto quieres que Varnish escuche y vigile.
Una vez echo lo anterior edita el archivo /etc/varnish/default.vcl, que debería ya existir, con mucho de su contenido comentado (no activo). Empiezaremos por cambiar el backend default.
Ahora Varnish ya sabe que Apache está escuchando el puerto 8080 y la interfaz de localhost, para que podamos empezar a usar las funciones. La mayoría del trabajo se hará con vcl_recv y vcl_fetch, y si no llamas a una acción en esta subrutina y Varnish llega al final, ejecutará el código que encuentre en el archivo default.vcl.
Note: no cachees nunca wp_admin, wp_login, o rutas similares.
Así es como trabaja – las 4 básicas subrutinas de tu configuración de Varnish que necesitas para gestionar peticiones serán:
sub vcl_recv
Esta llamada se hace al comienzo de una petición, y le dice a Varnish qué hacer con esa petición en concreto: si tiene que servirla, cómo servirla, y qué respaldo usar.
Varnish recibe una petición de tu navegador, y entonces vcl_recv decide hacer una de 3 costs con ella: vcl_hash, vcl_pass, y vcl_pipe (ahora lo explico). Puedes cambiar la petición si quieres, alterar las cookies o quitar la cabecera de la petición.
sub vcl_fetch
A vcl_fetch se la llama después de que se haya recuperado un documento con éxito. Usas esto para alterar las cabeceras de respuesta, lanzar el procesamiento ESI o para tratar de alternar entre servidores de respaldo si falla la petición.
El objeto solicitado, req, está todavía disponible, y ahí también hay una respuesta de respaldo, beresp, que contiene las cabeceras HTTP del respaldo.
sub vcl_hash
Puedes llamar al hash_data del dato que quieras añadir al hash. Esta subrutina puede terminar con una llamada a return() con una de estas keywords: hash o proceed.
sub vcl_deliver
Llamas a esto antes de que el objeto cacheado se entregue al cliente. Esto puede terminar con deliver, error code, o restart.Deliver entrega el objeto al cliente, error devuelve el código de error específico al cliente y abandona la petición, restart reiniciará la transacción e incrementará el contador de reinicio.
Acciones
Hay ciertas acciones que puedes realizar en cada subrutina cuando personalizas Varnish:
pass
Pasa la petición y su consiguiente respuesta hacia el servidor de respaldo, sin cachear. Puedes llamar a pass tanto en vcl_recv como en vcl_fetch.
lookup
Se hace la petición desde vcl_recv para entregar contenido desde la cache aunque la petición indique que debe pasarse la misma. Puedes llamar a lookup desde vcl_fetch.
pipe
Desde vcl_recv, pipe cortocircuita al cliente y las conexiones de respaldo, y Varnish simplemente se queda ahí pasando los datos a un lado y a otro, registrando los datos, así que los registros serán incompletos. Ten cuidado ya que un cliente HTTP 1.1 puede enviar varias peticiones en la misma conexión, y así podrías hacer que Varnish añada una cabecera “Connection:close” antes de hacer la llamada a la pila de conexiones.
deliver
Entrega el objeto cacheado al cliente. Normalmente se le hace la llamada desde vcl_fetch.
esi
Hace un proceso ESI del documento adquirido.
Si quieres saber más sobre VCL no te pierdas este tutorial, que también contiene funciones que puedes realizar en tu sitio.
Configuraciones de ejemplo
Espero que estés aprendiendo algo (o mucho) de Varnish, pero la mejor manera de empezar a jugar con el es ver algunos ficheros de configuración de ejemplo.
La web de la comunidad de Varnish tiene una enorme colección de configuraciones de ejemplo, que son un buen sitio para empezar a hacer las tuyas. Incluso hay algunas configuraciones de ejemplo estupendas para WordPress de fetch y receive en Github.
Creo que llegado este punto huelga decir que Varnish es muy personalizable, y que puede hacer maravillas para cualquier instalación WordPress, especialmente las de alto tráfico. También, hay que reconocerlo, tampoco es para cualquiera, al menos hay que tener conocimientos de conexión con servidores mediante Linux.
Lo mejor es que, con poco esfuerzo y gratis, puedes configurar una cache realmente potente con Varnish, basándote en los permisos de usuario, en el tipo de usuario o lo que se te ocurra.
Si quieres más pruebas del poder de Varnish, no solo Ayuda WordPress lo usa, también Facebook, y creo que no hay mejor prueba de web de alto tráfico que esta tremenda red social ¿no crees?.
Plugins WordPress
Hay, como ya comenté hace días, plugins WordPress que te permiten configurar o gestionar el comportamiento de Varnish en WordPress, los que encontrarás serán estos:
Varnish HTTP purge – simplemente limpia la cache de cualquier contenido que modifiques, para entregar la última versión.
Posted by planetawordpress on mayo 8, 2012 Comentarios desactivados
Pensarás que es una chorrada pero no, no es ninguna tontería, y te lo voy a explicar … si es que quieres estar al día claro. Si eres de los antiguos y no quieres progresar pasa de esta entrada.
Como ya sabrás, al insertar una imagen desde el cargador de archivos en el editor de WordPress se añaden automáticamente los atributos HTML width y height que indican el tamaño en el que se mostrará la imagen en tu tema activo, para eso, para que se adapte al ancho del tema y no quede horrible, pero esto ya lo sabías ¿no?.
Pues bien, esto ya es cosa antigua …
Con los nuevos diseños adaptables (o como se les denomina en inglés “responsive“), que se adaptan al navegador e incluso dispositivo desde el que se está visualizando una web, no tiene sentido definir atributos fijos de ancho y alto de imágenes, pues el tema se adaptará, como todos los elementos del contenido, al tamaño del dispositivo lector, sea este un ordenador, un smartphone o un iPad, mola ¿eh?.
¿Entiendes ya porque es posible que sea interesante eliminar – por defecto – los atributos width y height que el cargador de archivos inserta en el editor?. Pues eso, que si usas un tema con diseño adaptable no necesitas algo como esto:
Para eliminar por defecto los atributos que te sobrarán en un diseño adaptable sólo tienes que añadir el siguiente código al archivo functions.php de tu tema:
Guardas y ya está. La próxima vez que insertes una imagen en tu editor ya no añadirá los atributoswidth y height, que de eso ya se ocupará tu tema adaptable (o “responsive“, como prefieras llamarlo)
Posted by planetawordpress on mayo 7, 2012 Comentarios desactivados
A mi me pasó, así que ¿por qué no te ha podido pasar a ti?. Me refiero a que la utilidad de mostrar imágenes destacadas, la función post-thumbnails disponible desde WordPress 2.9 está muy bien pero si tu tema anterior no las soportaba o no las usabas ¿a que es un coñazo añadir imágenes destacadas una a una a las viejas entradas?.
Pues la solución es sencilla …
En vez de ir editando cada entrada y definiendo una imagen destacada para cada una ¡por fin vas a sacar utilidad a la pantalla de la librería multimedia!, si, esa pantalla, la gran desconocida, casi inútil la mayor parte del tiempo.
Lo primero que tienes que hacer es instalar y activar este plugin, luego te pasas por la Librería Multimedia y, bajo cada imagen, tendrás un nuevo enlace para usarla como destacada para la entrada a la que está asociada (en la que se adjuntó).
Así de sencillo, rápido y efectivo. Vamos, como todo en WordPress.
Posted by planetawordpress on mayo 2, 2012 Comentarios desactivados
Hay una funcionalidad que siempre me ha encantado en los diarios digitales. Me refiero a los bloques de citas del texto que aparecen en los artículos, pues me parecen un modo genial de resaltar frases clave de una noticia o artículo de opinión.
Esto, en WordPress, solo teníamos la opción de añadir citas dentro del texto, en línea con el mismo, pero eso es cosa del pasado.
Ahora, gracias a Simple pull quote, es sencillo a más no poder. Una vez instales y actives este plugin añade unos nuevos botones al editor de manera que, tras seleccionar el texto a marcar como cita, pulsas el icono de pull quote y ya está, se mostrará en tu entrada como una bonita cita independiente del contenido general, remarcándolo, como en los diarios digitales.
Lo que hacen los iconos del editor es añadir un shortcode que activa la cita en la frase elegida, por lo que como puedes imaginar también puedes usar el shortcode directamente.
El resultado son bonitas citas acompañando tu texto, atrapando la atención del lector y destacando lo importante de tu artículo.
Posted by planetawordpress on mayo 1, 2012 Comentarios desactivados
Por supuesto, hay plugins para convertir todos los enlaces de manera que se abran en nueva ventana o pestaña pero ¿para qué usar plugins cuando puedes hacerlo con una simple función?.
Si eres de los que te gusta que los enlaces sean ‘target="_blank"‘ y no quieres andar modificando cada enlace puedes añadir esta función a tu plugin de funciones o fichero functions.php de tu tema activo:
// Abrir todos los enlaces en ventana nueva
function autoblank($text) {
$return = str_replace('<a', '<a target="_blank"', $text);
return $return;
}
add_filter('the_content', 'autoblank');
Guardas los cambios y ya tienes lo que buscabas, todos los enlaces del contenido de las entradas se abrirán en una nueva ventana (o pestaña) del navegador.
Posted by planetawordpress on mayo 1, 2012 Comentarios desactivados
Si no usas Delicious ni los favoritos de Twitter, si no te gusta suscribirte a feeds RSS o tener blogs favoritos, quizás lo tuyo sea el correo electrónico.
Y como para todo hay opciones, si quieres aprender nuevas funciones WordPress, y recibir una buena referencia cada día en tu email ya tienes un servicio que hace exactamente eso.
The Daily WordPress reference es un servicio sencillo, pero efectivo, que ha iniciado el envío de documentación sobre WordPress por email. Simplemente apuntas tu dirección de correo electrónico y recibirás en tu email una función diaria de WordPress, para hacer tu biblioteca de desarrollador, poco a poco.
Este es un ejemplo de los emails que recibirás …
En la misma página de suscripción tienes varios ejemplos al final de la misma.
Posted by planetawordpress on abril 30, 2012 Comentarios desactivados
El tema por defecto de WordPress, Twenty Eleven, tiene incorporada la funcionalidad de entradas destacadas, que las mostrará en un deslizador, pero no es obvio su uso.
Si quieres aprovechar esta funcionalidad no hay ajuste que modificar ni opción que activar, solo tienes que tener en cuenta lo siguiente para activarla:
Crea una nueva página usando como plantilla la denominada “Showcase template” en el widget de “Atributos de página”
En “Ajustes de lectura” de tu WordPress elige mostrar una página estática en portada, y eliges la página recién creada con la plantilla showcase
Marca como “sticky” las entradas que quieres que aparezcan en el deslizador
Añade una imagen destacada en la entrada, que será la que se mostrará en el deslizador. Si la imagen es del tamaño máximo (1000×288 pixels) o mayor se mostrará como fondo del área del deslizador, con el título de la entrada sobre la misma. Si es menor aparecerá a la derecha del área, con el título y el extracto a la izquierda de la misma. También debes saber que si la imagen destacada es igual o mayor que el tamaño máximo, en la plantilla de entrada simple esta reemplazará la imagen de cabecera
Hasta aquí como activar el deslizador, pero este tiene una característica que puedes cambiar. Y es que por defecto no tiene movimiento automático, sino que se muestran unos puntos en los que debes hacer clic para cambiar de una entrada destacada (sticky) a otra.
<script type="text/javascript" charset="utf-8">
// Avance automático del deslizador de Twenty Eleven
// Fuente: http://pastebin.com/s6JEthVi
jQuery(document).ready(function(){
var change_every = 10; // Los segundos que el deslizador tardará en hacer el avance automático
var current = 1;
function auto_advance(){
if(current == -1) return false;
jQuery('.feature-slider a').eq(current % jQuery('.feature-slider a').length).trigger('click', [true]);
current++;
};
setInterval(function(){auto_advance()}, change_every * 1000);
});
</script>
Este código debes añadirlo, bien en la plantilla de página de “showcase” o si lo prefieres en el widget de “showcase”, pero sin ponerle título, funcionará igual.
Nota: este truco último no funciona en wordpress.com, pues está limitada la inserción de código script
Posted by planetawordpress on abril 29, 2012 Comentarios desactivados
En ocasiones puedes necesitar acceder al archivo .htaccess de tu servidor por múltiples motivos. Desde añadir reglas de seguridad hasta hacer una redirección necesaria.
Pero ¿qué pasa si te pilla fuera de casa?, sin un cliente FTP disponible, por ejemplo en el ordenador del hotel o el pc de tu prima.
No sufras que hay plugins para todo, hasta para modificar el archivo .htaccess. Vamos a ver algunos …
WP htaccess control – Sencillo pero potente plugin con el que realizar multitud de modificaciones en el fichero .htaccess sin llegar a ser un editor del mismo, aunque también vale para esto. Puedes añadir redirecciones, hacer más seguro tu WordPress y muchísimo más, todo a golpe de clic desde un entorno controlado. Muy recomendable si sabes lo que haces, como siempre.
WP htaccess editor – Este si que es un editor (sencillo) para el archivo .htaccess. No ofrece más, no ofrece menos.
htaccess redirect – Si necesitas hacer redirecciones desde .htaccess este es tu plugin, solo sirve para eso, nada menos.
htaccess secure files – La función de este plugin es asegurar archivos desde el archivo .htaccess, para ello en cada archivo que subes desde el editor puedes asegurarlo simplemente marcando la casilla que añade el plugin y llamada “Secure file”. Cualquier archivo “asegurado” solo será accesible por los perfiles de usuario o IPs que definas en la página de ajustes del plugin. Muy específico pero muy potente.
Configurable hotlink protection – Si quieres protegerte del hotlinking pero no te aclaras editando manualmente el archivo .htaccess este es tu plugin. Con el puedes definir reglas para qué tipo de archivos serán protegidos de esa indeseable práctica, y cual será el comportamiento, qué excepciones tendrán, todo en una sola pantalla de ajustes.
WP 301 – Este plugin también es específico, y te permite añadir redirecciones del tipo 301 sin tener que modificar el fichero .htaccess. Sencillo de usar pero funciona perfectamente.
Ahora bien, si no quieres instalar un plugin específico para este tipo de usos, debes saber que hay algunos plugins que ya incorporan funcionalidades orientadas a la modificación del archivo .htaccess, por ejemplo:
SEO ultimate – Este estupendo plugin para mejorar el SEO de tu WordPress, también añade una pantalla, llamada “File editor” en la que modificar desde tu escritorio ficheros como robots.txt o, cómo no, .htaccess, eso si, aquí a mano, sabiendo lo que haces.
Bulletproof security – También este plugin de seguridad incorpora una utilidad con la que, en este caso, asegurar tu instalación desde el archivo .htaccess e incluso el mismo fichero, añadiendo reglas a varias carpetas de tu instalación de WordPress.
Bueno, estos son los que conozco, si sabes de alguno más nos lo comentas.
