En Abrelink somos expertos en el desarrollo de p√°ginas WordPress en Bilbao. Para los clientes de Bilbao y Bizkaia que prefieran gestionar ellos mismos las actualizaciones y a√Īadir contenidos a su p√°gina web (desde Abrelink aconsejamos por razones pr√°cticas que si el cliente no dispone de suficiente tiempo para dedicarlo a la web lo deje en nuestras manos contratando nuestro servicio de mantenimiento), les ofrecemos la posibilidad, cada vez m√°s demandada, de crear un theme o plantilla en WordPress, una plataforma f√°cil de utilizar que separa el contenido del dise√Īo de una p√°gina web o blog din√°mico.

Gracias a los Plugins y Widgets, WordPress nos ofrece muchas posibilidades de dise√Īo, y sin necesidad de conocimientos t√©cnicos o de programaci√≥n, y adem√°s es amigable con los motores de b√ļsqueda.

Qué es WordPress

Webs en WordPress. Panel de gesti√≥n para actualizar y ampliar la web de mi empresaWordPress es el CMS m√°s popular y potente del momento, una plataforma de c√≥digo abierto (PHP) para crear webs de contenido din√°mico que requieran de actualizarse frecuentemente. Inicialmente naci√≥ como herramienta para crear blogs, pero a d√≠a de hoy permite crear cualquier tipo de web corporativa, incluyendo tiendas online, y permite grandes posibilidades para fusionarla a elementos tan √ļtiles como las redes sociales, herramientas SEO, Mailchimp (newsletters), ...

Además, WordPress te ofrece la posibilidad de interactuar con los usuarios dentro de la propia web, integrando publicaciones desde las redes sociales, o mediante comentarios (con opciones de moderación) que el usuario puede dejar de manera sencilla.

Disponer de un panel de gestión, relativamente sencillo de manejar, no significa que Abrelink vaya a desentenderse de tu web. Por el contrario, estaremos ahí para cualquier duda o ayuda que requieras, y aconsejándote en aspectos como posicionamiento web o novedades interesantes que implementar en tu web.

P√°ginas webs autogestionables en Bilbao, WordPress. Blogs

Tutorial WordPress

En esta completa gu√≠a de Hostinger te explican paso a paso c√≥mo crear una p√°gina web en WordPress: desde elegir el mejor hosting y nombre de dominio a c√≥mo instalar y configurar WordPress. Si te est√°s introduciendo en este CMS, el m√°s usado en Internet, es un tutorial que te resolver√° muchas dudas. No s√≥lo te indica c√≥mo personalizar temas de WordPress e instalar los plugins m√°s recomendables, sino que tambi√©n te ense√Īa a crear una p√°gina web desde cero con unas nociones b√°sicas de HTML y CSS.

Ventajas y desventajas de WordPress

√Čstas son algunas de las ventajas que hacen de WordPress el CMS m√°s usado por los dise√Īadores web de todo el mundo:

    Ventajas y desventajas de WordPress

  • Facilita la labor de los desarrolladores, tanto en lo que es la base y estructura del sitio web, como en aplicaciones y funcionalidades que se quieran incorporar a trav√©s de sus plugins.
  • Su √©xito hace que sea una plataforma en continuo crecimiento. Cada d√≠a ofrece nuevas posibilidades.
  • Es una herramienta perfecta para sentar las bases de una web con vistas a crecer con el tiempo. Puede que en un primer momento no quieras incorporar, por ejemplo, un blog o un idioma adicional a tu sitio web, pero desarrollarlo en WordPress permitir√° incluir progresivamente esas mejoras de una manera m√°s sencilla.
  • Est√° totalmente optimizado para buscadores, siguiendo las pautas SEO que marca Google.
  • Su panel de gesti√≥n es muy intuitivo y accesible, lo que ayuda a que el usuario pueda realizar cambios y a√Īadidos c√≥modamente.

Pero también tiene algunos inconvenientes que pueden hacer que algunas grandes corporaciones opten por un CMS desarrollado a su medida:

  • Ese constante crecimiento de la plataforma puede ser un problema ya que constantemente salen nuevas versiones del propio WordPress y los plugins, lo que provoca la necesidad de tenerlo actualizado para evitar problemas.
  • Cuando salen nuevas versiones de WordPress, algunos plugins instalados pueden presentar alguna pega en cuanto a compatibilidad con la nueva versi√≥n.

Themes de WordPress

Los themes de WordPress son plantillas que podemos instalar y que nos dan un dise√Īo de base, un panel de gesti√≥n con opciones personalizadas para esa plantilla, y a veces unos contenidos de ejemplo que sirvan de referencia y sobre los que realizar las modificaciones.

Para cualquier dise√Īador web, tener a mano una buena colecci√≥n de plantillas es algo que facilita mucho las tareas. En WordPress el abanico donde elegir es realmente amplio. La ventaja es que muchos de estos themes o templates son gratuitos, y adem√°s tienen un aspecto profesional. Algunos de ellos incluso traen incorporado el efecto parallax, que difumina la planitud del fondo creando una sensaci√≥n dimensional que puede ser muy √ļtil, por ejemplo, para hacer storytelling.

Hay que tener en cuenta que estos themes son normalmente un punto de partida para el dise√Īo, que luego se ir√° variando por el desarrollador. Normalmente nunca vamos a querer una plantilla en un formato exacto al del ejemplo. Ah√≠ entra la labor de configuraci√≥n, modificaci√≥n de c√≥digos, desarrollo de contenidos, a√Īadido de funciones...

Sin embargo, aunque demos por descontado que esa plantilla va a modificarse, es importante elegir bien e instalar una que se asemeje lo más posible a lo que queremos, ya que eso nos dará más facilidades en la configuración y modificación de los elementos.

Plugins de WordPress

Los mejores plugins de WordPress para instalar en tu web

Los plugins son a√Īadidos que presentan distintas utilidades y que se implementan perfectamente en WordPress. Su instalaci√≥n puede facilitarnos mucho las cosas en cuanto a dise√Īo o desarrollo de mejoras que queramos incorporar a nuestra web. Tambi√©n para temas de seguridad, rendimiento, etc.¬†¬†Dependiendo del enfoque de nuestra web, necesitaremos unos widgets espec√≠ficos y concretos de entre la enorme multitud de ellos que existen.

Muchos de ellos son gratuitos y otros son de pago, aunque algunos de estos √ļltimos tienen una versi√≥n gratis que quiz√°s pueda servir para lo que necesitamos.¬† Adem√°s los plugins tienen actualizaciones que hacen mejorar las posibilidades que nos ofrecen, solucionan posibles fallos, etc.

No conviene abusar de ellos, y lo mejor es instalar √ļnicamente aquellos que sean imprescindibles y necesarios para nuestro tipo de web. El cat√°logo es extens√≠simo y no para de crecer, pero estos son algunos de los m√°s importantes o habituales:

  • 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 nuevos widgets (formularios de suscripci√≥n, redes sociales..), mejoras de seguridad, estad√≠sticas de visita, m√°s opciones en algunos men√ļs de configuraci√≥n, etc.
  • All In One SEO - Yoast SEO. Los dos plugins m√°s populares para configurar los metas y otras herramientas SEO en nuestra web. Nos permitir√°n, entre otras funciones, editar los metas Title y description (personaliz√°ndolos en cada apartado de la web si as√≠ lo deseamos), manejar URLs can√≥nicas, usar los metas noindex y nofollow, enlazar con nuestra cuenta de Google Analytics, verificar la web para Google y Bing...
  • TinyMCE Advanced. Un editor de texto enriquecido que hace que nuestro gestor de contenido se parezca a Word, lo que nos aportar√° muchas opciones para dar formato al texto en un entorno gr√°fico c√≥modo e intuitivo, sin complicaciones.¬†Imprescindible para quienes no se manejen con las etiquetas de HTML
  • Akismet Anti-Spam. Si¬† nuestra web est√° abierta a comentarios, este plugin 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.
  • 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.
  • 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.
  • 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.
  • WooCommerce. Es la plataforma que nos permite incorporar una tienda online a nuestra web WordPress.
  • 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.
  • WP Super Cache. Mediante la utilizaci√≥n de almacenamiento en memoria cach√©, mejora notablemente el tiempo de carga de nuestra web.
  • WP-Optimize. Limpia nuestra base de datos y elimina restos inservibles, mejorando el rendimiento.
  • UpdraftPlus - Backup/Restore. Un plugin muy √ļtil para realizar copias de seguridad de nuestra base de datos.

Flujo de trabajo en WordPress

  • Dominio y hosting

    Registramos el dominio acordado con el cliente y configuramos el hosting donde se alojarán la web y correo electrónico.

  • Instalaci√≥n de CMS

    Instalamos el CMS elegido, WordPress o Prestahop, y sus principales plugins para utilidades y funciones.

  • Desarrollo de la web

    Desarrollamos el proyecto en comunicación con el cliente, quien irá viendo los avances y evolución.

  • Lanzamiento y testeo

    Una vez dado el visto bueno por el cliente, y realizados los ajustes necesarios, lanzamos la web con el correspondiente testeo.

  • Herramientas SEO

    Aplicamos las herramientas de SEO necesarias, y damos de alta en buscadores para que la web pueda ser encontrada por los usuarios.

Para comprobar la salud de una página web creada en WordPress utilizamos la herramienta online WP Doctor, que te muestra advertencias y errores tanto a nivel de plantilla (te indica si es responsive) y plugins como de servidor y seguridad. Asimismo, mide la optimización del SEO On-Page y la velocidad de carga.