Diseño de páginas web en Bilbao y Bizkaia

Archivo de Categorías: Diseño Web

  • 0
Plugins para WordPress

10 Plugins de WordPress que deberías tener instalados

Que WordPress es la plataforma puntera a día de hoy en el desarrollo de webs corporativas y de ocio ofrece ya pocas dudas. Este CMS nos permite gestionar y actualizar nuestra web o blog mediante un intuitivo, a la vez que completo, panel de gestión.

Además WordPress está continuamente en crecimiento y expansión y podemos incorporar, de manera sencilla, distintas funcionalidades y complementos a nuestra web mediante los llamados plugins.

Dependiendo del enfoque de nuestra web, necesitaremos unos widgets específicos y concretos de entre la enorme multitud de ellos que existen. En Abrelink consideramos que estos 10 plugins que presentamos a continuación son muy recomendables y casi imprescindibles para cualquier web.

1- Jetpack

Este plugin requiere haber creado previamente una cuenta de usuario en WordPress.com, para enlazarla con nuestro sitio web. Una vez tengamos instalado Jetpack y lo hayamos conectado mediante nuestra cuenta de usuario, nuestro panel de gestión de WordPress tendrá un montón de funciones extra, como una muestra de las estadísticas de visita, más opciones para los comentarios, actualizaciones automáticas de los plugins que elijamos, capacidad de incluir en los widgets elementos como formularios de suscripción, imágenes, conexión con redes sociales… En fin, un montón de posibilidades.

2- All In One SEO Pack

Obviamente que el SEO es uno de los aspectos fundamentales y muy a tener en cuenta cuando creamos una web. Este plugin dispone de un completísimo abanico de opciones para que podamos editar los metatags, personalizándolos en cada apartado de la web si así lo deseamos, manejar URLs canónicas, usar el meta nofollow

Además desde aquí podemos enlazar con Google Analytics o verificar la web para Google, Bing o Pinterest, crear y gestionar sitemaps XML, el archivo robots.txt, y mucho más.

3- TinyMCE Advanced

Un plugin muy interesante y útil que nos proporciona una gran comodidad a la hora de editar textos. Imprescindible para quienes no se manejen con las etiquetas de HTML, ya que su instalación mejora sustancialmente las opciones del editor de texto que por defecto tenemos en WordPress, permitiéndonos trabajar con texto enriquecido en entorno gráfico.

4- WP Smush

Un factor SEO que cada vez está cobrando más importancia es la velocidad de carga de nuestra web. Y un punto a tener en cuenta para mejorar esto es la optimización de imágenes, y su reducción de peso, con lo que conseguimos una carga mucho más fluida y rápida, y evitamos que el usuario huya de nuestra web por hartazgo con las esperas.

Este plugin nos ahorra un montón de preocupaciones y trabajo al automatizar la tarea de optimización de imágenes de una manera sencillísima. Podemos configurarlo para dejarlo activado, con lo que cada imagen nueva que subamos a la web pasará por ese proceso de optimización en la propia subida. Además contamos con la posibilidad de chequear nuestra biblioteca de medios. WP Smush hará un análisis de las imágenes que tenemos almacenadas y nos dirá cuántas de ellas necesitan ser reducidas en caso de haberlas. Un simple click y listo, el plugin se encarga de todo y nuestras imágenes quedarán con el tamaño y peso ideal sin perder nada de su calidad o nitidez.

5- Akismet

Si en nuestra web o blog tenemos abierto el sistema de comentarios, Akismet puede venirnos muy bien para filtrar y combatir el molesto spam. Eso sí, Akismet tiene un servicio gratuito y unos planes de pago con filtros más potentes y opciones mejoradas. En función de la cantidad de spam que recibamos, tal vez el plan básico no nos alcance y tengamos que contratar uno de sus planes avanzados, que conllevan una cuota mensual.

6- Contact Form 7

Uno de los elementos que prácticamente tiene cualquier web sea cual sea su temática o función, en la inclusión de un formulario de contacto desde el que el usuario pueda mandarnos un mensaje o consulta. De todos los plugins de WordPress para formularios, Contact Form 7 es sin duda el más popular y usado. Gracias a él podemos generar fácilmente uno o varios formularios de contacto con los campos a rellenar que queramos. Después sólo tenemos que incluir el shortcode que se genera para insertar el formulario en la sección de nuestra web que deseemos.

7- Google Analytics y la ley de Cookies

Con el cambio de legislación en 2012, adaptar nuestra web a la ley de Cookies supuso un quebradero de cabeza para muchos. Este plugin nos da la posibilidad de configurar el aviso a los usuarios de una manera rápida y cómoda. Una vez instalado se creará de manera automática un apartado de la web donde se explica la Política de Cookies, que por supuesto podemos modificar con el editor. El plugin quedará activado una vez que insertemos nuestra ID de Google Analytics.

Como pega, hay que decir que tal vez tengamos que modificar el aspecto visual del aviso en cuanto a tipografía, colores del fondo, texto, enlaces, etc. Y eso conlleva que necesitamos conocimientos o nociones de CSS para poder dejarlo a nuestro gusto, o visualmente integrado en la estética de nuestra web.

8- AddToAny Share Buttons

¿Copiar una URL? ¿Qué es eso? Una de las opciones que más gusta a los usuarios, y que espera encontrase en una web, son los botones para compartir un contenido que considera interesante en sus perfiles de redes sociales.

Este plugin facilita el que los visitantes puedan compartir bien nuestro sitio web, o bien un contenido concreto dentro del mismo. Mediante unos vistosos botones, el usuario sólo tiene que hacer click para que el enlace se genere y se pueda difundir a través de su red social o medio favorito.

Los ajustes son muy completos. Podemos colocar los botones en las secciones concretas que deseemos, por encima o por debajo del texto. Podemos además elegir los botones de las redes que queremos mostrar de primeras, reservando ese lugar privilegiado a las plataformas más usadas (incluyendo el envío por email o WhatsApp). Además podemos personalizar el tamaño de los botones, e incluso cambiar los predefinidos por imágenes propias si así lo deseamos.

Asimismo, se incluye la posibilidad de colocar una de las habituales barras flotantes en uno de los lados de la pantalla para que tengamos siempre accesible la opción de compartir.

Por si fuera poco, también dispone de una opción para insertar un widget con enlaces directos a nuestros perfiles en redes sociales.

Hay gran variedad de plugins de este tipo para elegir, con otras variantes muy interesantes, como Share Buttons by AddThis que aunque cuenta con algunas opciones menos en la configuración, tiene una barra flotante más vistosa para nuestro gusto.

9- Responsive Lightbox

Muchos de los themes o plantillas que usemos para nuestro WordPress tendrán ya integrado el famoso efecto lightbox (ventana emergente) para cuando pinchemos en una imagen con intención de ampliar su tamaño. Pero si no es así, el problema se resuelve con este plugin que además adapta el tamaño de las imágenes teniendo en cuenta el diseño responsive. Podemos elegir distintos estilos y formatos de ventana.

10- WP Sitemap Page

Nos sirve para generar un sitemap o mapa web en HTML. Esto es, un listado de enlaces que recoge todos los apartados de la web, incluyendo las entradas del blog, de manera jerarquizada. Si bien es cierto que el usuario no suele usar esta sección de la web a pesar de su aparente utilidad (ya que recoge accesos directos a todos los contenidos de la web), lo cierto es que resulta más que recomendable incluir un mapa web, ya que con la indexación de éste Google tendrá rastreados todos los apartados de nuestro sitio web.

WP Sitemap Page nos lo genera de manera automática incluyendo un sencillo shortcode que nos facilita la propia documentación del plugin.


  • 0
Vídeos Embebidos, DIseño Web Responsive

Vídeos embebidos para responsive

Hoy en día rara es la página web que no esté adaptada a móviles, tablets y demás dispositivos multimedia. El diseño web responsive es un imperativo desde que en abril de 2015 Google anunciara el Mobilegeddon (que al final no fue para tanto, dicho sea de paso). Sabemos que en las búsquedas desde móvil las páginas web que no hayan sido optimizadas sufren una penalización en las SERPs, además de mostrar un aviso al usuario. Así pues, nos hemos preocupado de adaptar el diseño mediante CSS (los divs, los párrafos, el header, el footer, el menú, etc.), pero ¿qué pasa con los vídeos que incrustemos? Si copiamos el código de un vídeo de Youtube (el típico iframe) y lo insertamos en nuestra web, dicho vídeo no estará adaptado como el resto del contenido.

Para eso existe una muy interesante y práctica herramienta online llamada Embed Responsively. Tan sólo tienes que pegar la URL del vídeo en cuestión y pulsar en el botón de Embed. Tan fácil como eso, y te devolverá el código embebido. Los vídeos de Youtube, Dailymotion, Google Maps e Instagram tienen su propia pestaña. Aparte, hay uno para iframes genéricos.

Un buen diseño responsive debe tener los vídeos embebidos

Como no podía ser de otra manera, también existen plugins para WordPress con la finalidad de embeber vídeos responsive, como Advanced Responsive Video Embedder o WP Canvas – Responsive Videos.


  • 1
Majestic, Posicionamiento Web SEO

Métricas Majestic

En SEO, cuando hablamos de métricas, solemos pensar de inicio en el Page Rank de Google (completamente desactualizado) y el Page Authority y Domain Authority de Moz. Sin embargo, hay otras dos métricas muy importantes y quizá menos conocidas, que son el Trust Flow y el Citation Flow de Majestic (https://es.majestic.com). El Trust flow indica la confianza que transmite nuestra página web, mientras que el Citation Flow señala la autoridad de los backlinks que nos apuntan. Lo ideal es que el ratio de la división resultante entre el primero y el segundo sea de 1, pero lo normal suele ser en torno a un 0.5. SEO Majestic es una excelente herramienta, sobre todo para analizar backlinks, y aunque es de pago, sólo por registrarte y crear una cuenta gratis te permite hacer análisis y obtener información acerca de los enlaces y sus anchor text.


BUSCAR

Suscríbete al Blog

Introduce tu email para estar al tanto de las novedades.

ABRELINK EN TWITTER