Es un buen momento para actualizar si no lo hiciste desde la versión 4.7 el pasado mes de diciembre, pero como siempre, tomar precauciones realizando copia de seguridad antes de actualizar y comprobando si tus plugins y el tema en uso son compatibles con esta nueva versión, de lo contrario ¡no actualices! y soluciona primero los problemas de compatibilidad.

Actualizar a WordPress 4.7.2

Los pasos para actualizar a WordPress 4.7.2 son sencillos y seguirlos te permitirá realizar el proceso fácilmente y sin sorpresas, salvo que tengas algún plugin que a última hora dedica ponértelo un poco más difícil.

• Realiza una copia de seguridad antes de actualizar.
• Comprueba que tu Tema es compatible con la nueva versión de WordPress.
• Si usas un constructor (builder), comprueba que es compatible con la versión nueva de WordPress.
• Si tienes actualizaciones de plugins y temas pendientes ¡hazlas! antes de actualizar WordPress
• Deshabilita aquellos plugins que no utilices (lo mejor es que los desinstales).
• ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, iThemes Security, Sucuri, etc) ¡desactívalos antes de actualizar!
• Utilizas el plugin W3 Total Cache ...deshabilitalo o mejor desinstálalo, de momento no está teniendo buen comportamiento en 4.7.x
• ¿Trabajas con Visual Composer como constructor? comprueba en la web de WPBakery Inc. que han actualizado el constructor para compatibilizarlo con WordPress 4.7 ¡prueba antes en un clon o una sandbox!
• Comprueba que tus otros plugins activos son compatibles con la nueva versión.
• ¿Has hecho cambios en tu tema?, documéntalos y si es posible usa temas hijo (child theme).
• ¿Trabajas con plugins como Move Login, etc.?, desactívalos, como medida de precaución para evitar quedarte sin acceso.
• ¿Trabajas con el framework Genesis y un tema para Genesis?, comprueba que es compatible con WordPress 4.7.2

Actualizaciones:

Si al acceder al dashboard de WordPress ves el siguiente mensaje en Escritorio, Actualizaciones, entonces es que tu núcleo ya se actualizó automáticamente y no necesitas realizar ninguna acción, salvo comprobar que todo funciona bien ¡claro!

Tienes la última versión de WordPress. No es necesario actualizarla. Las siguientes actualizaciones de seguridad se aplicarán automáticamente.

Si accedes al dashboard y tienes pendiente la actualización si deberías ver este aviso en Escritorio, Actualizaciones.

Accede a Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página, antes de enviar un ticket a tu Departamento de Soporte, te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web.

En WordPress 4.7.1 (nativo desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática a la nueva versión ! a menos que lo tengas deshabilitado claro.

Consulta la Lista de cambios en WordPress 4.7.2.

En el siguiente vídeo puedes ver que actualizar entre versiones es muy sencillo

Actualizar WordPress es importante, pero comprobar primero si tus plugins y temas son compatibles con la nueva versión los es mucho más para garantizar la seguridad y estabilidad de tu web.

Antes de instalar WordPress en un Dominio Adicional

No hace falta realizar ninguna tarea compleja para que se materialice una segunda instalación en tu Hosting, pero si es importante que consideres estos puntos:

• Tener un dominio ya registrado y activo para la nueva web.
• Asegurarte que ese domino apunta los DNS al Hosting. 1
• Comprobar que la propagación de DNS del dominio es correcta.
• Verificar que tienes espacio suficiente en el Hosting para otra instalación adicional de WordPress.

Proceso de instalación resumido:

1. Accede a tu cPanel, Pack Webempresa.
2. Haz clic en Crear WordPress.
3. Escoge el Pack a instalar de los que tengas disponibles.
4. Haz clic en el botón verde "Instalar" del pack escogido.
5. Rellena los campos del instalador:

• Nombre del sitio: El nombre de tu sitio web.
• Selecciona en el desplegable el dominio adicional.
• Carpeta: Déjalo vacío (el dominio adicional instalará el pack en la carpeta asignada).
• Usuario administrador: Puedes cambiar el que te sugiere.
• Email administrador: Pon un correo que exista de tu dominio.

Tras concluir la instalación verás una pantalla resumen de la instalación.

Mira este vídeo donde te explico con detalle cómo instalar WordPress en un Dominio Adicional del Hosting.

¿Si tu dominio adicional no apunta los DNS al Hosting?

Bueno, que decir, lo adecuado es que si vas a utilizar un dominio nuevo o que ya tenias anteriormente comprado y activo en otro proveedor, es que primero te asegures de apuntar los DNS de ese dominio al Hosting que hayas contratado.

Si por alguna razón no puedes cambiar todavía los DNS, recuerda que mientras arreglas ese problemilla de resolución de DNS del dominio puedes utilizar la url temporal.

Con la url temporal, que facilitamos a todos los clientes en el correo de bienvenida o aterrizaje, puedes instalar un Pack WordPress (u otro de los disponibles en tu Panel de Hosting), y así acceder a cPanel, al instalador de Packs, instalar WordPress y utilizarlo desde la url temporal mientras el dominio adicional no apunte al Hosting.

Ejemplo de formato de url temporal para Hosting WordPress:

wordpress-cp2017.wordpresstemporal.com

Donde:

• wordpress: sería el usuario de la cuenta de Hosting que crea automáticamente el sistema.
• cp2017: el servidor donde se aloja la cuenta.
• wordpress: el tipo de producto de Hosting contratado (WordPress, Joomla, PrestaShop).
• temporal.com: indica que se trata de un dominio o url temporal.

Con esta url temporal puedes:

• Acceder a tu cPanel.
• Instalar Packs usando la url temporal en sustitución del dominio.
• Crear cuentas de FTP adicionales personalizadas.

No puedes:

• Gestionar el correo de tu dominio.
• Realizar envíos de boletines (newsletters), etc.
• Indexar tu web en los buscadores (puedes pero no deberías).

Pero vayamos a lo importante, cómo instalar un Pack en la carpeta asociada a un dominio adicional del Hosting pero usando la url temporal asignada.

Proceso de instalación resumido:

1. Accede a tu cPanel, Pack Webempresa.
2. Haz clic en Crear WordPress.
3. Escoge el Pack a instalar de los que tengas disponibles.
4. Haz clic en el botón verde "Instalar" del pack escogido.
5. Rellena los campos del instalador:

• Nombre del sitio: El nombre de tu sitio web.
• Selecciona en el desplegable la url temporal (sin alias www).
• Carpeta: Pon el nombre de la carpeta asociada al subdominio, por ejemplo: webempresa.cc (sin slats ni ruta completa).
• Usuario administrador: Puedes cambiar el que te sugiere.
• Email administrador: Pon un correo que exista de tu dominio.

Si observas es muy similar al proceso de instalación del pack bajo el dominio adicional, y solo varía la selección de la url temporal en lugar del dominio adicional y el nombre de la carpeta ya que por defecto la url temporal está asociada a la carpeta /public_html.

En este artículo te he explicado cómo instalar WordPress en un dominio adicional de tu Hosting o usando la url temporal si todavía tu dominio adicional no apunta los DNS al Hosting contratado.

Antes de instalar WordPress en un Subdominio

Los requisitos son bastante similares a los que necesitarás para instalar WordPress en un Dominio Principal o Adicional:

• Tener un dominio ya registrado y activo para la nueva web.
• Comprobar que el domino anfitrión apunta los DNS al Hosting. 1
• Verificar que la propagación de DNS del dominio anfitrión es correcta.
• Asegúrate de tener espacio suficiente en el Hosting para otra instalación adicional de WordPress.

Importante Si tu proyecto web está orientado a gestionar diferentes áreas de una empresa, organismo o institución académica, por ejemplo, pero necesitas conservar la fuerza del dominio para que su posicionamiento no se pierda es posible que los subdominios no sean la solución perfecta para tu caso.

Algunas ventajas de utilizar subdominios:

• Se comportan como instalaciones separadas del dominio anfitrión.
• Están disponibles de forma ilimitada (puedes tener cientos de subdominios bajo un mismo dominio).
• Coste cero, pues usar subdominios no supone la contratación de nuevos dominios.
• Restan fuerza al dominio anfitrión lo que afecta al posicionamiento de este.

Algunos inconvenientes de utilizar subdominios:

• Se crean urls más largas o algo más difíciles de recordar.
• Si no se centran en aspectos de la temática del dominio anfitrión pierden su propósito.
• Aumenta el trabajo de administración, actualizaciones y seguridad a medida que se gestiona mayor cantidad de subdominos.
• Restan credibilidad si los subdominios gestionan temáticas alejadas del dominio anfitrión.
• Si se mueve un subdominio a "dominio adicional" se ve afectado el SEO y el posicionamiento.
• Si el dominio anfitrión no se renueva o expira los subdominios dejarán automáticamente de funcionar.

En este vídeo te muestro lo sencillo que es crear un Subdominio en tu Hosting cPanel.

Sabiendo los pros y contras del uso de subdominios, ahora toca ponerte manos a la obra para instalar WordPress en algún subdominio que previamente hayas creado en tu cuenta de Hosting.

Proceso de instalación resumido:

1. Accede a tu cPanel, Dominios, Subdominios
2. Crea un Subdominio asociado al dominio anfitrión.
3. Ve a Packs Webempresa.
4. Haz clic en Crear WordPress.
5. Escoge el Pack a instalar de los que tengas disponibles.
6. Haz clic en el botón verde "Instalar" del pack escogido.
7. Rellena los campos del instalador:

• Nombre del sitio: El nombre de tu sitio web.
• Selecciona en el desplegable el subdomino (con alias "www").
• Carpeta: Deja este campo vacío (el pack se instalará en la carpeta asignada al subdominio).
• Usuario administrador: Puedes cambiar el que te sugiere.
• Email administrador: Pon un correo que exista de tu dominio.

Tras concluir la instalación verás una pantalla resumen de la instalación. Para ver los detalles de la instalación en esa misma pantalla, arriba a la izquierda busca el menú Inicio y haz clic sobre el para acceder a Mis aplicaciones instaladas donde verás cada Packs instalado en el Hosting.

Mira este vídeo donde te explico con detalle cómo instalar WordPress en un Subdominio del Hosting.

En este artículo te he explicado cómo instalar WordPress en un subdominio de tu Hosting para crear webs independientes bajo un mismo dominio anfitrión que puede ser tu Dominio Principal o un Dominio Adicional de tu Hosting.

Lo siguiente que te voy a recordar es lo importante que es hacer una copia de seguridad de tu instalación de WordPress antes de ponerte manos a la obra, no vaya a ser que la líes parda y no tengas como dar marcha atrás por culpa de un olvido involuntario.

Copias de seguridad en WordPress con XCloner

Antes de instalar Twenty Seventeen

De las bondades de este tema te habla mi compañero Jhon Marreros en su artículo el cual te recomiendo leer si quieres sacarle rendimiento a esta nueva piel para 2017.

Me quiero centrar en lo importante, que es para lo que estás leyendo este artículo, en como instalarlo cuando procedes de versiones anteriores a la 4.7 y has actualizado recientemente a la versión 4.7.1 (o superiores a medida que se liberen) y no dispondrás del tema instalado por defecto.

Si debo decirte que si tu versión de WordPress es inferior a la 4.7 que te olvides de usar Twenty Seventeen porque no podrás instalarlo ya que requiere como mínimo la 4.7 para funcionar.

Instalando Twenty Seventeen

Ya te ha quedado claro que necesitas WP 4.7 mínimo, y que tienes que realizar una copia de seguridad, por lo que podemos pasar a la acción e instalarlo.

1. Accede al dashboard, Temas.
2. Clic en Añadir nuevo.
3. Selecciona el primero que aparece a la izquierda: Twenty Seventeen.
4. Clic en Instalar.
5. Clic en Activar.
6. Ajusta widgets y otros elementos que tengas en la web que lo requieran.
7. Limpia la caché de WordPress y de tu navegador.
8. Comprueba que ahora tu web se muestra con Twenty Seventeen correctamente.

¡Felicidades! ya tienes Twenty Seventeen para que lo disfrutes.

Ha sido tan fácil que me ha quedado un poco de tiempo para mostrarte en vídeo este proceso de forma que puedas captar aquellos detalles que no hayas visto en lo explicado hasta ahora.

Si quieres hacer un rollback (marcha atrás) del tema sin tener que estar de nuevo reajustando widgets y otros elementos gráficos del tema, la recomendación es que uses la copia de seguridad que realizaste con XCloner (o el plugin habitual de tu caja de herramientas) y así volver rápidamente al momento anterior a esta historia.

Si eres de los que se atreven a experimentar y has podido instalar y poner en marcha Twenty Seventeen ahora te toca meterle mano al tema y sacar provecho a sus funcionalidades para que tus proyectos con WordPress luzcan más.

Ahora quiero que hagas lo siguiente: si usas gafas, límpialas; pon el móvil en silencio y dale un buen sorbo a tu café; adopta una postura cómoda en tu silla de trabajo y usa todos tus sentidos porque… esto es lo que vas a ser capaz de hacer después de leer con detenimiento este post:

¡Empecemos!

1 - Localizar correctamente el menú

Esta es la parte más fácil de toda la guía, y seguro que ya la conoces. Pero por si acaso, los menús es en el Dashboard de tu web, en la ruta Apariencia > Menús.

2 - Saber qué contenido puede colocarse en el menú.

Este punto puede parecer muy obvio, porque todo el mundo sabe que en el menú de una web van las páginas. Pero, puede que no sepas o no te hayas dado cuenta de que, dependiendo de los plugins o temas que tengas activados en tu WordPress, podrás mostrar en la barra de menú diferentes items.

Date cuenta de los menús desplegables de la parte izquierda, en la configuración de menús:

y asegúrate de que tienes todas las Cajas activadas en el desplegable de Opciones de pantalla.

3 - Diferencias entre menú primario y menú secundario

Dependiendo del tema o plantilla que estés utilizando, tendrás ciertos espacios designados para menús. Normalmente un tema básico suele tener 2 posiciones: menú primario y menú secundario.

El menú primario se suele encontrar en la posición “tradicional” de una web, tal y como te la estás imaginando ahora mismo. Si la plantilla es algo más moderna y tiene el menú lateral, esa suele ser la posición para ese tipo de plantillas.

El menú secundario suele ser menos visible. Secundario se refiere a “menos visible”. Suele estar posicionado en el pié de página (footer).

Si en el cuadro de opciones de menú en tu web, ves que tienes más posiciones, querrá decir que, efectivamente, la plantilla que utilizas ofrece más posiciones de menú. Dichas posiciones vienen indicadas en la documentación de la plantilla.

Las plantillas más comunes suelen ofrecer una tercera posición de menú (menú terciario) en la parte más alta de la web, antes del menú primario. Esta posición se suele usar para dejar fácilmente a la vista tus datos de contacto o enlaces a las redes sociales, carrito de compra, etc.

Si tu plantilla ofrece otros espacios dedicados a menús, ten en cuenta que muchos menús pueden “liar” a tus visitantes, y a nivel de usabilidad web, no es recomendable dar tantas opciones de navegación.

4 - Cómo colocar un menú dentro de otro menú

Llegados a este punto quizás ya has aprendido algo nuevo que no sabías. Y si no, verás cómo a partir de ahora viene “lo bueno”.

Hay veces que confeccionas un menú, y necesitas ponerlo en varias partes de tu web. Una de esas partes a veces es dentro de otro menú.

Y te preguntarás: ¿Para qué sirve poner un menú dentro de otro menú?. Ten en cuenta que por ejemplo, si ofreces varios servicios y estos son muy variados o cambiantes y cada uno tiene una página dedicada dentro de tu web, puede que prefieras crear un menú que los englobe a todos automáticamente conforme vayas creando o eliminando páginas de servicios (como veremos más adelante). Lo más fácil en este caso es simplemente añadir ese “menú de servicios” como submenú dentro del propio apartado “Servicios” en tu menú principal. (perdón por el trabalenguas).

Y ahora te preguntarás: ¿Y cómo se hace eso? WordPress no me deja hacerlo. ¡No hay problema! Para eso están los plugins. Este es el primero de varios plugins específicos que vamos a explicar, para cumplir diferentes funciones en el menú.

El plugin se llama Navception y al instalarlo y activarlo, verás que una nueva opción llamada Menús de navegación aparece en la barra lateral dentro de la configuración de menús en el Dashboard.

Simplemente activa el menú que desees emplear dentro de otro menú, y colócalo donde mejor te convenga.

5 - Cómo colocar el menú de Login/Logout.

Cuando tienes una instalación por defecto de WordPress, ¿te has fijado que en la zona de Widgets siempre hay un Widget llamado Meta con el link de Acceder o Registrarse, pero no encuentras esas opciones en tu configuración de menús? ¿Quieres saber cómo hacer que aparezca en tu menú principal?

No problem my friend. (Anónimo).

Tienes que usar el plugin llamado Login Logout Menu. Este fabuloso plugin creará una nueva opción en la configuración de tus menús, llamada Login/logout links. Con las opciones que te ofrece, podrás configurar tu menú para que:

• Si el usuario está logueado, aparecerá en el menú la opción de Cerrar sesión.
• Si no está logueado, aparecerá la opción de Acceder y de Registrarse (Recuerda tener activada la opción de permitir a los visitantes registrarse en tu sitio web).

6 - Cómo duplicar menús de forma sencilla

Seguro que a más de uno se le ha dado el caso de tener que duplicar un menú con muchas opciones, y se ha encontrado con que no existe dicha opción por defecto en WordPress. A partir de ahora, seguro que te gustará utilizar el plugin Duplicate Menu.

Nota importante: Cuando activas este plugin, la opción de duplicar menús se encuentra en Apariencia, no dentro del subapartado de menús, tal y como hemos visto hasta ahora.

Su uso es muy sencillo. Elige el menú que quieras duplicar, y escribe un nombre nuevo. Al duplicarlo, aparecerá ese nuevo menú en las opciones de menú.

7 - Cómo colocar iconos en los ítems del menú (incluidos los de tus redes sociales)

Toca ahora una parte muy bonita de esta guía. ¿Has visto alguna vez en otras webs esos menús tan chulos con iconos al lado de los títulos? ¿Siempre has querido tener uno así? ¡Pues en menos de 1 minuto vas a saber cómo crear el tuyo propio!

Para este apartado vamos a usar el plugin Iconos de Menu (Menu Icons).

Su uso te va a permitir:

• Elegir un icono representativo del item de menú.
• Elegir si quieres que aparezca solamente el icono (opción Ocultar etiqueta).
• Situar el icono a la derecha o la izquierda del item de menú.
• Alinear el icono verticalmente.
• Elegir el tamaño del icono

Las opciones de los iconos se encuentran en la parte derecha de la interfaz, tras pinchar la opción de Icono: Selección. También cuenta con un buscador interno de iconos, y una vista previa.

Nota: Para poner iconos a redes sociales, te recomiendo usar el plugin Menu Social Icons (el uso es muy parecido. La única diferencia es que las opciones las encuentras en el lateral de las opciones de menú, en Enlaces Personalizados).

8 - Saber qué son y dominar los menús condicionales

Este apartado es quizás mi favorito. Un menú condicional es un menú “normal”, pero que va a mostrar diferentes elementos, dependiendo de lo que esté ocurriendo en ese momento en tu web. Algunos ejemplos de condicionamientos (cosas ocurriendo) podrían ser:

• Mostrar/esconder un item de menú solo a un determinado rol de usuario.
• Mostrar/esconder un item de menú en determinadas páginas.
• Mostrar/esconder un item de menú sólo en la página de inicio.
• Mostrar/esconder un item de menú si la web se visita desde móviles.
• Etc.

Para cumplir esta función que no viene por defecto con WordPress, recurrimos de nuevo a plugins. Esta vez te propongo dos: uno sencillo y otro más avanzado.

Nota previa importante: no actives los dos plugins a la vez, pues suelen dar problemas. Si ya te ha ocurrido algo al activarlos a la vez, siempre puedes acceder por FTP a tu carpeta de plugins y renombrar o eliminar cualquiera de los dos plugins para arreglar el cuelgue de la página.

El plugin más sencillo tiene el nombre de If Menu y vas a ver que de una manera muy intuitiva (ojo, en inglés), vas a poder configurar tu menú de manera condicional, y te vas a sentir como un verdadero hacker.

Para usuarios un poco más avanzados y familiarizados con las condiciones de WordPress, recomiendo el plugin Menu Item Visibility Control. Este plugin hace uso de las etiquetas condicionales (en inglés) de WordPress, y aun manejando material avanzado, es un plugin muy intuitivo de utilizar.

9 - Crear automatizaciones en los menús

Vamos ahora con una parte muy interesante de esta guía de menús para WordPress. El siguiente truco te va a permitir tener un menú como reflejo de tu contenido web (páginas, posts, etc).

Para verlo más claro, pondré un ejemplo: una web de un restaurante crea una página (parent) llamada “Menú del día” (Qué bien traído ¿eh?) y un child (sub-página) para cada plato.

El menú degustación se compone de 12 platos diferentes incluidos postre y café de importación. (¿¿te imaginas que atracón de comida??)

El administrador de la web está constantemente cambiando los platos y odia tener que cambiar el menú de WordPress al mismo tiempo. Qué mágico sería si hubiera algo que hiciera que bajo la página de “Menú del día”, no importa los cambios que hagas, se verá reflejado automáticamente en el menú de WordPress.

¡El frotar se va a acabar! (anuncio antiguo)

Te presento el plugin Gecka Submenu. Lo que hace este simple pero efectivo plugin es evitar horas de trabajo.

Basta con marcar la opción Automatically populate with child pages (Auto-popular con subpáginas) en la página que quieras automatizar (en nuestro ejemplo la página de “Menú del día”) y se solucionará tu problema.

Nota: este plugin sirve para cualquier contenido jerárquico de tu web.

10 - Controlar quién ve qué en los menús, dependiendo del Rol de usuario.

Este nuevo consejo es parecido a los menús condicionales, solo que esta vez nos concentramos en los roles de usuario (administrador, editor, etc). También sirve para los roles que hayas creado tú.

En esta ocasión vamos a utilizar otro plugin para menu WordPress llamado Nav Menu Roles, que sirve para ocultar elementos del menú en base a los roles de tu web.

Las opciones que da son 3:

• Mostrar a usuarios conectados (Aquí puedes elegir el Rol que quieras).
• Mostrar a usuarios desconectados.
• Mostrar a todos.

Como ves es un plugin muy sencillo, con una función muy específica a la vez que útil.

11 - Incluir un cuadro de búsqueda directamente en el menú.

A veces cuando una web necesita mostrar de manera continua un cuadro de búsqueda de contenido (blogs, wikis, etc). El cuadro de búsqueda por defecto de WordPress se queda un poco escondido al venir con función de Widget. (tendríamos que usar un Sidebar para mostrarlo, y no siempre es la opción más deseada).

En este apartado vamos a ser muy breves. Utiliza el plugin llamado Box Search Box Item Type for nav menus para incluir el cuadro de búsqueda de WordPress dentro del menú.

Al instalar y activar el plugin te encontrarás con una nueva opción en la configuración de menú, llamada Search Box. Basta con arrastrarla a donde quieras que se coloque. (normalmente la final del todo, para que aparezca lo más a la derecha posible en el menú).

12 - Eliminar elementos del menú en bloque (todos a la vez).

Nos queda muy poquito para terminar esta guía definitiva de menús de WordPress, y toca ahora hablar de una joyita para los que tengan webs con menús con muchos elementos en él, y les suponga un verdadero dolor de cabeza el eliminar elementos de un menú en concreto (ya que actualmente WordPress sólo permite borrar items de uno en uno, y no lo hace de manera jerárquica).

Con el plugin llamado sTRASHo, podrás pinchar y arrastrar a una papelera (literalmente) los ítems del menú, tanto individualmente, como en bloque.

Una verdadera pasada de funcionalidad para el menú de WordPress, que, en mi opinión, debería de integrar por defecto.

13 - Crear un menú especial para tus visitas desde móvil o tablets.

Como bien sabemos, hoy en día es fundamental que una web no solo se adapte a móviles, si no que muchas veces se crear versiones de una misma web para móvil.

A veces, cuando una plantilla o tema de WordPress se “auto-ajusta” a pantallas más pequeñas, el menú no siempre queda como queremos. Esto tiene solución.

Lo que te traigo es un plugin muy conocido, llamado Responsive Menu, el cual creará un menú específico para cuando tus visitas vengan desde móvil o tablet.

Y hasta aquí esta Guía definitiva para convertirse en un experto de los menús de WordPress. ¿Qué te ha parecido? ¿Conoces algún plugin o truco que pueda complementar mejor nuestro artículo?

¡Hasta la próxima!

¡Los plugins son buenos!

Hay mucha literatura por ahí fuera hablando de si los plugins son buenos, malos, pesados o aliados ...no voy a convencerte de lo contrario a lo que actualmente creas, y menos yo que tengo instalaciones con 70 plugins activos y cero conflictos ;) ...pero si te puedo ayudar a sentirte mejor contigo mismo y con PageSpeed y otras herramientas de métricas de carga de tu web, pues eso que ganas ¿no?

Personalizando el mensaje de Cookies

Un servicio online que me gusta para generar un script de Consentimiento de Cookies es el que ofrece Silktide Ltd. de forma gratuita en su web, que además puedes personalizar fácilmente para que el aviso se muestre en la parte superior o inferior de tu navegador ocupando el ancho total de navegación, usando una ventana flotante a la derecha con fondo negro o blanco y efecto pulldown o up que lo hace más animado.

Cómo sé que te gustan las capturas, te voy a mostrar el proceso en imágenes, que siempre ayuda a entenderlo mejor.

Choose theme - Escoge el tema

Primero has de generar el código que muestre el aviso de cookies en tu web, desde la web Skilltide.com seleccionando el tema a usar de vista en tu web. Te recomiendo el segundo o el sexto.

Cuando haces clic sobre el tema deseado verás una representación en pantalla de como se verá dicho aviso en pantalla.

Haz clic en Continue.

Customize - Personaliza

Selecciona la opción Personalizar el texto (Customise the text).

Tienes que tener previamente creada una página de "Política de Cookies" para copiar la url y pegarla en el campo de esta pantalla.

Haz clic en Continue.

Copia el código - Copy the code

El script resultante o código es el que debes copiar para luego insertar en tu tema, en el archivo header.php justo antes de la etiqueta de cierre . Recomendado hacer este tipo de añadidos en un tema hijo, para que si después actualizas el tema, no pierdas los cambios de este script añadido.

Puestos a economizar tiempo, si quieres copias directamente este scritp, lo personalizas con tu url de "Política de Cookies" y el texto que quieras mostrar y lo añades en tu archivo del tema y te evitas generarlo.

<!-- Begin Cookie Consent plugin by Silktide - http://silktide.com/cookieconsent -->
<script type="text/javascript">
    window.cookieconsent_options = {"message":"Este sitio web utiliza cookies para garantizar que obtengas la mejor experiencia de navegación.","dismiss":"Acepto","learnMore":"Más información","link":"http://pruebas.webempresa.eu/wpmimas2017/?page_id=35","theme":"dark-floating"};
</script>

<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/cookieconsent2/1.0.10/cookieconsent.min.js"></script>
<!-- End Cookie Consent plugin -->

El resto del proceso de Silktide.com lo puedes obviar ya que solo queda Guardar los cambios tras insertar el código y recargar la página para verificar si el aviso de cookies se muestra.

¿Sencillo verdad?  ヅ

En el siguiente vídeo te explico como realizar este proceso, de manera detallada, para que sepas cómo aplicarlo en tu web y quitarte de encima algún que otro plugin ¡tu web te lo agradecerá!

A ver, es importante mostrar el aviso de Ley de Cookies, la norma lo exige, pero también es importante reducir unos bytes aquí y allá el peso de la web, lo que sin duda contribuye a mejorar los tiempos de carga.

Con soluciones como esta podrás arañar unos milisegundos del tiempo de carga de tu web y de paso dejar de utilizar un plugin que básicamente hace lo mismo, pero de manera más pesada.

Antes de instalar WordPress usando la URL temporal

Los requisitos son bastante similares a los que necesitarás para instalar WordPress en un Dominio Principal o Adicional:

• Tener un Hosting ya contratado y activo para la nueva web.
• Comprobar que la url temporal está aparcada en el Hosting, en Dominios, Alias.

¿Qué es la url temporal?

Al contratar una cuenta de Hosting se genera automáticamente una dirección temporal o url temporal de trabajo. Con ella tu web es visible en ese dominio temporal para que puedas revisar que todo funciona correctamente y con fluidez mientras que tu dominio no apunte las DNS al Hosting contratado en Webempresa.

La url temporal es una cortesía que facilitamos a los clientes cuando contratan un Hosting para que puedan trabajar en el desarrollo de su web si el dominio principal no apunta sus DNS al Hosting contratado.

Una vez realizado el cambio de DNS en el dominio para que la web instalada en nuestro servidor responda al dominio real es cuando la url temporal se puede eliminar si lo deseas desde Dominios, Dominios Apuntados si no deseas mantenerla, pues aunque posteriormente instales otras webs podrás acceder a ellas desde la url de tu dominio http://dominio.com/carpeta_de_la_nueva_web

La url temporal no tiene otros usos más que el indicado. Si no quieres que se indexe por los motores de búsqueda puedes acceder a tu cPanel, Dominios, Dominios Apuntados/Aparcados y eliminarla, esto no afectará a tu web actual.

No es recomendable redireccionar la url temporal hacia el dominio, lo adecuado es que si no necesitas la url temporal la elimines de tu cPanel y luego envies nuevamente el sitemap a los buscadores para que reindexen tu sitio web y poco a poco (puede tardar un tiempo) irá desapareciendo la url temporal de los resultados de las búsquedas.

Si en algún momento en tu herramienta Google Search Console, en Errores de rastreo, encuentras errores 404 tendrás que realizar redirecciones 301 de la vieja url a la nueva para evitar penalizaciones por tener enlaces rotos.

Proceso de instalación de WordPress con la URL temporal resumido:

1. Accede a tu cPanel, Packs Webempresa.
2. Haz clic en Crear WordPress.
3. Escoge el Pack a instalar de los que tengas disponibles.
4. Haz clic en el botón verde "Instalar" del pack escogido.
5. Rellena los campos del instalador:

• Nombre del sitio: El nombre de tu sitio web.
• Selecciona en el desplegable la url temporal (sin alias "www").
• Carpeta: Deja este campo vacío (el pack se instalará en la carpeta principal del Hosting que es /public_html).
• Usuario administrador: Puedes cambiar el que te sugiere.
• Email administrador: Pon un correo que exista de tu dominio.

Tras concluir la instalación verás una pantalla resumen de la instalación. Para ver los detalles de la instalación en esa misma pantalla, arriba a la izquierda busca el menú Inicio y haz clic sobre el para acceder a Mis aplicaciones instaladas donde verás el Pack instalado en el Hosting.

En este vídeo te explico con detalle cómo instalar WordPress utilizando la url temporal asociada a tu cuenta de Hosting.

Una vez que tu dominio principal del Hosting apunte los DNS al mismo, podrás cambiar la url temporal por la url del dominio utilizando el plugin Better Search Replace siguiendo las indicaciones de este artículo de nuestro Blog:

• URLs en WordPress, pasa la url temporal a la url del dominio

En este artículo te he explicado cómo Instalar WordPress en una URL temporal asociada a tu Hosting de forma rápida utilizando el instalador de Packs de Webempresa.

Para poder eliminar una instalación que está en la carpeta principal del Hosting, donde además hay otras instalaciones en carpetas (subcarpetas) de cuelgan de la principal, sean WordPress u otros CMS, si esta instalación se realizó manualmente y no utilizando el instalador de Packs de tu Hosting, se debe eliminar manualmente, base de datos incluida.

Para poder realizar esto sin afectar a otras instalaciones primero debes conocer cual es la estructura nativa de archivos y carpetas de WordPress.

¿Cual es la estructura nativa de archivos y carpetas de WordPress?

Por defecto cuando instalas WordPress en tu Hosting (self-hosted) se genera una estructura de archivos y carpetas básicos y necesarios para que la web funcione.

Esta estructura básica está compuesta por 3 carpetas principales:

/wp-admin
/wp-content
/wp-includes

No destaco los contenidos de estas carpetas porque va implícito que si eliminas las carpetas principales de la instalación se eliminan las subcarpetas de temas, plugins, medios, etc.

La lista de archivos que se alojan en la carpeta principal de la instalación:

.gitignore
.htaccess
index.php
licencia.txt
license.txt
readme.html
wp-activate.php
wp-blog-header.php
wp-comments-post.php
wp-config-sample.php
wp-config.php
wp-cron.php
wp-links-opml.php
wp-load.php
wp-login.php
wp-mail.php
wp-settings.php
wp-signup.php
wp-trackback.php
xmlrpc.php

Con esta lista queda claro lo que si puedes eliminar manualmente desde tu Panel de Hosting (cPanel), desde el Administrador de Archivos. También puedes hacerlo por FTP, pero mi experiencia me dice que en ocasiones, y con poca experiencia en clientes FTP, la gestión de archivos y carpetas es mejor hacerla desde el Hosting.

Tu instalación es posible que tenga más archivos de los que aquí indico, pero no menos, salvo que no tengas activada la visualización de archivos ocultos, en cuyo caso no verías archivos como .htaccess que contienen configuraciones para gestionar redirecciones o enlaces permanentes, por ejemplo.

Importante Realiza una copia de seguridad del Hosting antes de proceder a eliminar cualquier instalación que tengas en el mismo y descárgala a tu ordenador para garantizarte una "vuelta atrás" en caso de que elimines más de la cuenta.

Si eres cliente de Webempresa recuerda que dispones de copias de seguridad diarias realizadas con nuestra herramienta SuperBackup para restaurar tu Hosting o webs a un estado anterior a cualquier problema o desastre que pueda producirse en tu Hosting fruto de pruebas y/o experimentaciones.

En este vídeo te muestro lo sencillo que es eliminar una instalación de WordPress instalada en la carpeta principal del Hosting public_html donde también hay otras carpetas de otras instalaciones de dominios adicionales.

Eliminar una instalación de WordPress instalada en la carpeta principal del Hosting de forma manual o fruto de un traslado desde un Hosting externo es un proceso sencillo y rápido que no tiene porque afectar a otras instalaciones de tu Hosting con cPanel.

¿Qué es clonar una web?

No es otra cosa sino duplicarla, es decir, crear una copia similar, en otra carpeta de tu Hosting, pero utilizando una base de datos diferente (nueva) y una url de acceso a la web duplicada diferente de la url de la web original.

Una web clonada puede servir para:

• Probar una actualización de WordPress, de un tema o de plugins, sin que los resultados dejen inoperativa la web original.
• Para experimentar un cambio de tema sin que sea visible en Internet.
• Probar nuevos plugins y analizar su viabilidad y comportamiento.
• Detectar un comportamiento errático de determinada combinación explosiva de plugins que generan conflictos y errores.
• Probar una importación masiva de productos en una tienda con WooCommerce.
• Probar funciones, snippets o filtros de forma segura.
• ...lo que se te ocurra y se te pase por la cabeza :D

¿Es necesario utilizar plugins para clonar una web?

No. Las malas lenguas te dirán por ahí que si, y que es la única forma de hacerlo o la mejor ¡error! ...si me permites la opinión, pienso que es la forma más complicada de duplicar una web, la que además acaba saturando algunos recursos del servidor donde se aloje tu cuenta de Hosting, y encima le añades carga extra a tu instalación "original" de WordPress con plugins que además de "clonar" la web hacen 20 cosas más y no necesariamente tienes que comprarte una batería de cocina completa si solo quieres una pequeña cazuela para calentar un poco de leche ¿verdad?

Ya sabes, más plugins no necesariamente significa mejor desempeño, tampoco peor, pero contra menos cosas se le añadan al núcleo de WordPress pues mejor, eso que te quitas de encima, así luego no tienes que estar pendiente de actualizaciones del plugin de clonado, compatibilidad con nuevas versiones, conflictos con otros plugins y esas tareas en segundo plano que algunos acaba llevando a cabo.

Según mis cálculos y las pruebas realizadas se tarda aproximadamente 1 hora o más en clonar una web con un plugin, el que sea, no voy a poner a ninguno en evidencia, pero te resumo tiempos:

1. Entre 1 y 50 minutos, en el mejor de los casos en evaluar en el Directorio de Plugins de WordPress para elegir con cuál te quedas.
2. Entre 1 y 5 minutos en hacer una copia de seguridad de tu actual sitio web, antes de instalar el plugin elegido.
3. Entre 1 y 3 minutos en instalar y activar el plugin (si vas un poco desconfiado.
4. Entre 1 y 20 minutos en entender la configuración del plugin y que parámetros debes aplicar para clonar la web.
5. Entre 5 y 20 minutos en clonar la web con el plugin, en el mejor de los casos.
6. Entre 5 y 30 minutos en reactivar la web clonada en la nueva carpeta con una nueva url (posiblemente un subdominio o una url temporal + nombre de la nueva carpeta).

Si tiro por lo bajo para no ahogarme me salen 123 minutos el total de tiempo invertido en clonar la web con un plugin "de nombre desconocido" para un usuario sin conocimientos en este tipo de tareas en WordPress.

¿Cuanto se tarda en clonar manualmente una web WordPress?

En un entorno basado en cPanel, con una instalación de WordPress normalita, y con las pruebas realizadas, los tiempos aproximados te los desgloso de la siguiente forma:

1. Entre 1 y 5 minutos en crear una nueva base de datos manualmente desde cPanel, Bases de Datos y darle los permisos adecuados.
2. Menos de 1 minuto en editar el archivo wp-config.php de la web a clonar para averiguar el nombre de la base de datos.
3. Entre 1 y 5 minutos en acceder a phpMyAdmin para exportar la base de datos de la web a clonar en formato .sql
4. Entre 1 y 5 minutos en crear una nueva base de datos vacía y darle los permisos oportunos.
5. Entre 1 y 2 minutos en seleccionar todos los archivos y carpetas de la instalación a clonar y comprimirlos en formato .zip
6. 1 minuto o menos en mover el archivo .zip de la web original a la carpeta donde se va a gestionar el clon.
7. 1 minuto o menos en extraer el archivo .zip en la nueva carpeta donde se gestionará el clon.
8. 10 segundos en eliminar el archivos .zip para liberar espacio en el Hosting.
9. Entre 1 y 4 minutos en editar al archivo wp-config.php de la web clonada y poner el nombre de la base de datos, usuarios de la base de datos y contraseña de la base de datos nueva creada para esta web.
10. Entre 1 y 3 minutos en acceder de nuevo a phpMyAdmin, abrir la base de datos creada para el clon e importar el archivo .sql de la web a clonar exportada anteriormente.
11. Entre 1 y 3 minutos en subir el script searchreplacedb2.php a la carpeta de la web clonada y cambiar la antigua url (de la web en producción) por la nueva url de la web clonada.
12. 1 minuto, o menos, en verificar que la web carga correctamente desde la url establecida para el clon.

Sumando estos tiempos obtengo 32 minutos, siendo generoso, pero lo más probable que se tarde la mitad o menos de la mitad en realizar esta tarea.

Obviamente esto realizado de forma relajada, sin estresarse, y analizando cada paso que se da, para no liarla parda :D

Y ahora ¿lo ves más claro?

...pues nada que decir, pongámonos manos a la obra y clonemos la web WordPress de la carpeta principal del Hosting /public_html a una carpeta que llamaremos clon y que colgara de la carpeta principal quedando como /public_html/clon y que será accesible desde la url temporal http://url-temporal-wordpress.com/clon (por ejemplo).

Procedimiento para clonar manualmente una web WordPress a otra carpeta del Hosting

1. Realiza una copia de seguridad completa de tu cuenta de Hosting y descárgala a tu ordenador y elimínala del Hosting.
2. Edita el archivo wp-config.php de la web a clonar desde tu cPanel, Archivos, Administrador de Archivos y anota el nombre de la base de datos que esa web utiliza.
3. Accede a tu cPanel, Bases de Datos, phpMyAdmin y carga la base de datos de la web a clonar.
4. Exporta la base de datos a de la web a clonar en formato .sql (se descargará el archivo en tu ordenador).
5. Desde tu cPanel, Bases de Datos, crea una nueva base de datos vacía y otorgale los permisos de lectura, escritura, etc.
6. Accede de nuevo a phpMyAdmin y carga la nueva base de datos creada (previamente tiene que haber salido de phpMyAdmin para que al entrar de nuevo sea visible).
7. Con la opción del menú superior Importar selecciona el archivo .sql que descargaste a tu ordenador de la web original y cárgalo en la nueva base de datos.
8. Selecciona todos los archivos y carpetas de la web a clonar desde tu cPanel, Archivos, Administrador de Archivos.
9. Comprime los archivos y carpetas seleccionados en formato .zip
10. Desde el Administrador de Archivos, sitúate en la carpeta principal del Hosting /public_html y crear una nueva carpeta que por ejemplo se llame clon.
11. Ahora selecciona el archivo .zip de los archivos y carpetas comprimidos de la web original.
12. Con el .zip seleccionado utiliza la opción superior Mover y mueve el citado archivo a la carpeta /clon (se abre un cuadro de diálogo donde debe escribir al final de la ruta el nombre de esa carpeta).
13. Una vez movido el .zip entra en la carpeta /public_html/clon
14. Selecciona el archivo .zip movido a esa carpeta y haz clic en la opción superior extraer.
15. Verás los archivos y carpetas de la web clonada. Selecciona y elimina el .zip, ya no es necesario.
16. Verifica que se ha movido también el archivo oculto .htaccess, edítalo y añade el nombre de la carpeta clon a la ruta de la redirección (lo explico en el vídeo).
17. Edita el archivo wp-config.php con el Editor de Código y sustituye los nombres de la base de datos, usuario de la base de datos y contraseña, por los de la nueva base de datos que creaste.
18. Si en la web original urtilizabas SSL y en el archivo wp-config.php tienes defines para forzar SSL ¡eliminalos! en un clon para pruebas no es necesario.
19. Guarda los cambios del archivo wp-config.php y verifica, tras limpiar primero la caché de tu navegador si desde la url del clon la web carga correctamente.

¡Terminamos! ..¿muchos pasos verdad?, pero solo en la teoría, en la practica ya veras que no es tanto ni tan laborioso.

En el siguiente vídeo te muestro el proceso de clonado de una web realizada en WordPress a otra carpeta del mismo Hosting, sin necesidad de usar plugins.

Trabajando con un clon

El propósito de clonar una web que está sirviendo contenidos en Internet no es otro que el de servir de conejillo de Indias para experimentar, probar actualizaciones, etc...

Para trabajar en una web clonada sin que la web original acabe siendo penalizada por los buscadores como Google, etc., por servir los mismos contenidos desde dominios diferentes (una url temporal a ojos de Google también es un dominio) hay que bloquearla para que no sea indexada

Evitando el indexado del clon

Es evidente que no quieres encontrarte pasado un tiempo con que en tu herramienta Google Search Console, Rastreo, Errores de Rastreo, de repente empiezas a ver enlaces de la url temporal (la web clonada) y además observar cómo tu posicionamiento cae en picado (ahora en tiempo real) pòr no haber tomado las debidas precauciones.

No tiene sentido indexar una web clonada si no es para ponerla en producción, en cuyo caso lo más conveniente es cerrarla no solo a ojos de curiosos ¡que también!, y si hacerlo principalmente a los bots de rastreo ávidos por contenidos nuevos.

Lo puedes hacer editando el archivo .htaccess de la web clonada y añadiendo la siguiente directiva:

User-agent: *
Disallow: /

Esto bloqueará el acceso a todos los bots de indexado. Aunque algunos son persistentes y se saltan estos vetos.

En cuyo caso yo te recomiendo que para WordPress optes por habilitar una funcionalidad nativa del núcleo.

Esto puedes hacerlo desde el dashboard de WordPress, Ajustes, Lectura, marcando la opción "Visibilidad para los buscadores", Disuade a los motores de búsqueda de indexar este sitio.

¡Listo! se acabaron los bots curiosos en tu clon.

Activar el Modo Mantenimiento en el clon

Esto no es un paso obligatorio, pero sí importante si no quieres que tu web clonada esté accesible desde Internet a cualquiera que sepa de la existencia de la url del clon.

Con cerrar una web con el modo de mantenimiento no estás evitando el indexado de sus contenidos, ya que los bots seguirán pudiendo acceder en segundo plano a las carpetas e indexar aquellos contenidos que robots.txt no les restrinja.

Esto quiere decir que el modo mantenimiento es una acción adicional para evitar la visibilidad de la web a los usuarios, no a los bots.

En los siguientes artículos te planteo varias formas de activar este modo en tu instalación de WordPress.

• Modo Mantenimiento en WordPress con Contador Regresivo
• Cerrar WordPress en Modo Mantenimiento con el plugin underConstruction
• Habilitar el Modo Mantenimiento en WordPress

Revísalos y opta por aquel que te resulte más cómodo, menos laborioso e intrusivo.

Poco más que añadir, salvo recordarte que una web clonada ocupa el mismo espacio en tu Hosting que la web en producción ¡o más! dependiendo del número de experimentaciones que hagas y cosas que instales.

Elimina el clon una vez que ya no lo necesites, liberarás espacio en tu Hosting y no dejarás webs en vía muerta, a merced de los scripts maliciosos que pasados unos meses desde que la abandonaste, encuentren plugins o temas vulnerables, o el propio núcleo de WordPress, sin actualizar y explotables.

No te apetece clonar una web solo para probar una actualización ¡sin problemas! utiliza una sandbox y experimenta de forma más efímera aquellas cuestiones cotidianas que te surjan en tu CMS favorito.

Es muy importante actualizar tu sitio web, pero como siempre, toma las debidas precauciones realizando copia de seguridad antes de aplicar la actualización y verificando antes si tus plugins y el tema en uso son compatibles con esta nueva versión, de lo contrario ¡no actualices! y soluciona primero los problemas de compatibilidad.

Actualizar a WordPress 4.7.3

Los pasos para actualizar a WordPress 4.7.3 son simples y seguirlos te permitirá realizar el proceso fácilmente y sin sorpresas, salvo que tengas algún plugin que a última hora decida ponértelo un poco más difícil.

• Realiza una copia de seguridad antes de actualizar.
• Comprueba que tu Tema es compatible con la nueva versión de WordPress.
• Si usas un constructor (builder), comprueba que es compatible con la versión nueva de WordPress.
• Si tienes actualizaciones de plugins y temas pendientes ¡hazlas! antes de actualizar WordPress
• Deshabilita aquellos plugins que no utilices (lo mejor es que los desinstales).
• ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, iThemes Security, Sucuri, etc) ¡desactívalos antes de actualizar!
• Utilizas el plugin W3 Total Cache, deshabilítalo si observas que no tiene buen desempeño en WordPress 4.7.3
• ¿Trabajas con Visual Composer como constructor? comprueba en la web de WPBakery Inc. que han actualizado el constructor para compatibilizarlo con WordPress 4.7.3 ¡prueba antes en un clon o una sandbox!
• Comprueba que tus otros plugins activos son compatibles con la nueva versión.
• ¿Has hecho cambios en tu tema?, exporta tu tema en formato .zip antes de actualizar y usa temas hijo (child themes).
• ¿Trabajas con plugins como Move Login, etc.?, desactívalos, como medida de precaución para evitar quedarte sin acceso.
• ¿Trabajas con el tema y framework Genesis?, comprueba que es compatible con WordPress 4.7.3
• Si utilizas XCloner comprueba que la versión estable es compatible con esta actualización de WordPress.

Actualizaciones:

Si al acceder al dashboard de WordPress ves el siguiente mensaje en Escritorio, Actualizaciones, entonces es que tu núcleo ya se actualizó automáticamente y no necesitas realizar ninguna acción, salvo comprobar que todo funciona bien ¡claro!

Tienes la última versión de WordPress. No es necesario actualizarla. Las siguientes actualizaciones de seguridad se aplicarán automáticamente.

Si accedes al dashboard y tienes pendiente la actualización si deberías ver este aviso en Escritorio, Actualizaciones.

Accede al dashboard de tu WordPress, Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web al haber hecho clic en otro elemento del dashboard de tu web mientras se actualizaba WordPress.

En WordPress 4.7.3 (funcionalidad nativa desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática a la nueva versión ! a menos que lo tengas deshabilitado claro.

Consulta la Lista de cambios en WordPress 4.7.3.

En el siguiente vídeo puedes ver que actualizar entre versiones es muy sencillo

Mantener WordPress actualizado es importante, aunque comprobar antes si tus plugins y tema activo son compatibles con la nueva versión es mucho más importante para garantizar la seguridad y estabilidad de tu web.

TIPOS DE PLUGINS DE LOS QUE VAMOS A HABLAR

Plugins para WordPress hay miles, como todos sabemos. Y personalmente los diferencio en dos grandes grupos:

• Plugins que requieren interacción con el usuario.
• Plugins que no requieren interacción con el usuario.

Para el primer grupo existen plugins complementarios para proyectos especializados, como pueda ser una tienda online, un foro, una red social, un marketplace, una web de cupones… y para cada tipo de web que requiera interacción con el usuario, lo ideal sería escribir un post con los mejores plugins para cada caso (pedidlo en los comentarios y prepararé algo chulo).

Este post en concreto va relacionado con el segundo grupo: plugins que no requieren interacción con el usuario (a excepción de los formularios). Los plugins que se describen aquí son utilizados como base para cualquier instalación de WordPress, y prácticamente no necesitaréis más plugins si vuestro proyecto es el de una web para empresa, una web para tener un portfolio, una web de agencia, ONG, etc.

USO DE PLUGINS VS USO DE PLANTILLAS (O THEMES)

El uso de plugins y el uso de plantillas siempre son complementarios. Lo que suele suceder en casi el 90 % de los casos si tus conocimientos del mundillo de WordPress son medios (vamos poco a poco) es que algunas plantillas (o temas) suelen dejar fácilmente con la boca abierta a muchos Juanes Palomo (Si estás utilizando una plantilla llamada Avada, por favor, es obligatorio que leas este artículo :) ). Me explico:

Una plantilla debe cumplir sólo funciones estéticas en WordPress. Un plugin debe de aportar funcionalidades.

Esto quiere decir que lo ideal para una plantilla (Parent) es tener instalado una copia de la misma en donde puedas cambiar colores, tamaños de letra, etc, en el código CSS (Child Theme) para dejar nuestra web tal y como queramos a nivel estético, sin preocuparse de perder dichos cambios en futuras actualizaciones del parent.

Por otro lado, usaremos plugins como complementos para tu web que otorgan funcionalidades extra a tu proyecto.

Hay tantas plantillas como peces en el mar, muy bien hechas, con efectos y animaciones muy chulas a nivel estético, pero muchas incluyen de serie funcionalidades dentro de la propia plantilla, que desaparecen si decides cambiar de aspecto tu web usando otra plantilla.

Para entendernos:

• Plantilla (o tema) = Estética. Te permite cambiar de plantilla cuando quieras para lavar la cara de tu web a nivel estético.
• Plugin (o complemento) = Funcionalidad. Te permite añadir y quitar funcionalidades a tu web independientemente de cómo luzca la misma y de la plantilla que utilices.

Por eso, piensa si tu proyecto va a ser a largo plazo, donde probablemente querrás cambiar o renovar el aspecto de la web en un futuro, pero manteniendo las funcionalidades de la misma. En ese caso recomiendo siempre utilizar plantillas lo más básicas posibles, las cuales incluyan un Child theme, o si puede ser, usa un buen Framework (te lo explico más abajo).

Si por el contrario tu proyecto es algo a corto plazo, para algo muy concreto, y no tienes tiempo ni ganas de complicarte la vida, entonces no es necesario ser tan estratega y no pasa nada por utilizar una plantilla cargada de funcionalidades que cumpla tus necesidades en ese momento.

ASPECTOS PREVIOS FUNDAMENTALES QUE HAY QUE SABER SOBRE LOS PLUGINS PREMIUM

Ahora que ya tienes clara la diferencia entre plantillas y plugins, en cuanto a funcionalidad para tu web, estos son otros aspectos fundamentales que tienes que conocer sobre los plugins premium:

Plugins de pago vs plugins gratuitos

Prácticamente casi todos los plugins de WordPress son gratuitos, y eso es fantástico. Pero hay verdaderas joyas presentadas como plugins de pago, y algunos de ellos, merecen especial atención.

En mi opinión, para algunos aspectos importantes de una web profesional hecha en WordPress (copias de seguridad, protección frente al Spam o ataques a tu web) siempre prefiero utilizar plugins de pago, previo estudio de la empresa que los gestiona, para estar seguro de que van a darme un buen soporte si lo necesito, así como actualizar los plugins para que sean compatibles con las últimas versiones de WordPress.

La buena noticia es que muchas de estas empresas tienen versiones gratuitas (normalmente llamadas Lite o Free) que te permiten experimentar algunas funcionalidades que ofrecen sus plugins, y luego, una vez estés completamente enamorado de sus resultados, te animes y compres la versión Premium con funcionalidades extra y soporte.

El usar plugins gratis o plugins de pago es un tema muy controversial, pero, para aspectos de tu web como la seguridad y el mantenimiento, hazte la siguiente pregunta: ¿Usarías una alarma para tu coche o casa, que te ofrezca alguien, completamente gratis?

Creadores de los plugins premium

“Un gran plugin, conlleva una gran responsabilidad”. (Padre de Spiderman si usara WordPress).

Lo primero que tienes que tener en cuenta antes de adquirir un plugin premium es saber quién lo ha hecho.

Lo ideal es buscar una empresa sólida que se dedique exclusivamente al desarrollo y mejora del plugin o plugins que estén vendiendo, y que den un soporte fiable y profesional por email o incluso por teléfono.

Lleva mucho ojo con plugins que hayan hecho desarrolladores individuales, que quieran ganar un dinero extra vendiendo su plugin en marketplaces como Codecanyon.

Un plugin requiere constantes mejoras y actualizaciones, corrección de bugs, atención a quejas o preguntas de sus usuarios, y tener un código limpio y estructurado.

En mi opinión, por muy bueno que sea un desarrollador, nunca se sacará un sueldo al mes como para que se dedique exclusivamente a su plugin, y llegará un punto en que abandone su proyecto y deje de actualizarlo. Ahí tendrás un problema con futuras actualizaciones de WordPress.

No obstante aplaudo algunos plugins que se encuentran en Codecanyon, porque son verdaderamente alucinantes. (De hecho menciono uno más abajo).

Licencias de uso para los plugins premium

Este tema interesa sobretodo a los que hacen webs para ganarse la vida. Lo bueno de los plugins premium es que puedes ahorrarte muchas horas de trabajo a cambio de pagar una cuota anual por usar un plugin en cualquier web que realices y encima tener soporte para tus dudas o problemas que puedas tener.

Yo uso muchos plugins premium para los cuales pago licencias anuales, y a cambio ofrezco a mis clientes plugins de calidad y funcionalidades profesionales para sus necesidades web.

Mucha atención, porque aquí viene una buena noticia: hay plugins premium con licencias de por vida, en las cuales tienes que hacer un único pago (un poco más elevado), pero no tendrás que pagar más en toda la vida, y podrás recibir actualizaciones constantes en un futuro.

Si no eres implementador de WordPress y simplemente tienes una web, no te preocupes: también hay licencias de uso, más baratas, para usar en un único sitio web.

En resumen, las licencias de uso para plugins premium suelen ser:

• Licencias de por vida. Un único pago, pero más elevado de lo normal. Es como una pequeña inversión, y a cambio tienes soporte y actualizaciones de por vida.
• Licencia anual para sitios ilimitados. Un pago anual, menos elevado, y con derecho a soporte y actualizaciones. Ideal si eres implementador de WordPress.
• Licencia para uno o muy pocos sitios web: Igual que la anterior, pero mucho más económica. Ideal si eres una empresa o autónomo con un único sitio web.

Para cerrar este apartado, has de saber que normalmente, cuando pagas una licencia anual, y te descargas el plugin para usarlo en tu web, si luego dejas de pagar dicha licencia, puedes seguir usando ese plugin, pero no recibirás actualizaciones futuras (necesarias a largo plazo) ni soporte.

PLUGINS PARA CADA FASE DE TU PROYECTO

Lo se, me estoy poniendo muy pesado y aun no te he dicho la lista definitiva de plugins para cualquier proyecto de WordPress. Te prometo que este es el último apartado antes del gran final.

Vamos a plantear aquí varías fases en un proyecto de WordPress, y qué funcionalidades (plugins) necesitas para cada una de ellas.

Fase de instalación o migración de WordPress

Una vez ya has instalado WordPress, debes tener a mano:

• Un plugin que te permita importar contenido de otro sitio web.
• Un framework que aporte una capa extra de seguridad y velocidad a tu web (requiere un poco de conocimiento técnico).

Fase de creación de contenido

Cuando quieras crear nuevas páginas o artículos en tu web de WordPress, los plugins que necesitas son:

• Un plugin que te permita crear contenido optimizado para SEO.
• Un plugin que te permita crear páginas con contenido modulable y que a la hora de aplicar cambios no sea un dolor de cabeza. (en otras palabras, un page builder fiable)
• Un plugin que te permita añadir elementos gráficos y animaciones a tu contenido de una manera fácil y sin código basura.
• Un plugin que te permita crear y gestionar eventos y los muestre de una manera muy estética y funcional a tus visitas.
• Un plugin que te permita crear diferentes formularios en tu web de una manera fácil y organizada.
• Un plugin que te permita filtrar tu contenido y mostrarlo como quieras a tus visitas.
• Un plugin que te permita crear contenido adaptado a tus necesidades (no solo artículos y páginas, sino también tipos de contenido personalizadas a tus necesidades o Custom Post Types: libros, países, portfolio… etc).
• Un plugin que te permita crear bonitos sliders funcionales (no solamente sliders que no aportan nada al visitante).
• Un plugin que permita compartir tu contenido en redes sociales.

Fase de mantenimiento técnico

Con tu contenido ya listo y la web preparada, debes de asegurarte que tu web se mantenga optimizada y segura. Necesitarás estos plugins:

• Un plugin que te permita crear copias de seguridad automáticas.
• Un plugin que te mantenga seguro frente a posibles ataques a tu web, y que luche contra el spam.
• Un plugin que analice tus visitas y te permita conocer más a tus visitantes.
• Un plugin que haga que tu web se cargue rápida como un rayo.
• Un plugin que optimice las imágenes que aparecen en tu web.

QUÉ PLUGINS RECOMIENDO PARA CUALQUIER INSTALACIÓN DE WORDPRESS

¡Ahora sí! Aquí te traigo la lista de plugins premium que personalmente utilizo para el 99% de mis proyectos web.

Piensa en esta lista como una serie de ingredientes en una receta para hacer un plato de comida. Cada uno tendrá sus preferencias en cuanto a sabores o cómo hacer la receta, pero sin duda, y después de muchos años probando diferentes ingredientes, esta es una receta que a mi me funciona y no me suele dar muchos dolores de cabeza.

Si en cualquier momento ves que falta algún plugin fundamental en esta lista, te animo a que lo comentes más abajo.

Plugins premium para la fase de instalación:

WP All Import

Si tu web va a estar hecha desde cero, puedes saltarte este plugin de la lista. Si por el contrario (y lo más común) es que quieres reformar o mejorar una web hecha en WordPress o en cualquier otro CMS, este plugin te interesa.

Lo que te permite hacer el plugin es importar contenido en diferentes formatos y estructurarlo correctamente dentro de tu instalación de WordPress nueva.

Características:

• Importa fácilmente archivos complejos en formato XML y CSV.
• Importa imágenes.
• Permite crear importaciones automatizadas periódicas.
• Importa directamente a campos específicos de un plugin o tema ya existente.
• Los creadores te permiten probarlo durante 30 días y te devuelven el dinero si no estás satisfecho.
• Tienes soporte y actualizaciones de por vida.
• Viene con documentación muy detallada.
• Cuenta con complementos extra (addons) para importar otro tipo de contenidos.
• Usado por más de 7000 clientes.

Tipo de licencia y precio:

• Licencia de por vida, con actualizaciones y soporte incluidos.
• Puedes usarlo en sitios ilimitados.
• Precio:
  • Con todos los complementos extras: 199 dólares, pago único.
  • Sin complementos extra: 99 dólares, pago único.

Genesis Framework

Sin duda una de mis herramientas favoritas. Es importante destacar que este en concreto no es un plugin, se instala como un tema, pero es tal la funcionalidad que da a una web, que merece la pena incluirlo en la lista.

Para explicar qué es un framework con una metáfora sencilla, permíteme hacer uso de mi lado nerd y comparar Genesis Framework con Lobezno de X-men:

• La instalación de WordPress normal, serían los huesos de Lobezno, antes de pasar por el laboratorio militar.
• El framework de Genesis es el adamantium que le inyectan a Logan para convertirlo en esa bestia de garras afiladas, protegida e invencible frente a cualquier enemigo.
• Los child themes que ofrecen para el framework (opcionales) serían el traje amarillo oficial de Lobezno, la chupa de cuero para la moto, o cualquier tipo de look o apariencia para este superhéroe de Marvel.

La empresa StudioPress es la responsable de este fantástico Framework (capa extra de seguridad y optimización de tu instalación de WordPress) y ofrece las siguientes características:

• Optimizado para SEO.
• Muchos child themes disponibles, de calidad y adaptados a móviles.
• Muy personalizable.
• Creado por desarrolladores profesionales.
• Soporte y actualizaciones de por vida.
• Más de 200.000 clientes.
• Sigue todas las mejores prácticas de WordPress en cuanto a seguridad web.
• Actualizaciones automáticas en segundo plano.
• Código de calidad que aportan velocidad a tu web.
• Gran cantidad de documentación y comunidad creada en torno a este framework.

Tipo de licencia y precio:

• Licencia de por vida, con soporte y actualizaciones ilimitadas.
• Instalaciones en sitios ilimitados.
• Precio:
• Solo el framework: 59.95 dólares, pago único.
• Framework + un child theme: 129.95 dólares, pago único.
• Superpack con el framework y todos los child themes habidos y por haber: 499.95 dólares, pago único.

Plugins premium para la fase de creación de contenido:

Yoast SEO (premium version)

No hay mucho que decir sobre este plugin que todo el mundo conoce. Es sin duda el mejor plugin que hay para cuestiones de SEO en WordPress, y viene con una versión Premium, que merece la pena.

Características (las que llevan un asterisco (*) son para premium):

• Análisis de palabras clave y de contenido.
• Análisis de títulos y meta descripciones.
• Configuración de robots.
• Test de legibilidad.
• Enlaces canónicos.
• Breadcrumbs.
• Análisis de categorías.
• Limpieza de permalinks.
• Mapas de sitio en XML.
• Mejoras en los RSS.
• Manejo de las redirecciones.*
• Opciones avanzadas para las palabras clave.*
• Manejo de links internos.*
• Análisis avanzado.*
• Control de lo que se publica en redes sociales.*
• Soporte premium vía email.*

Tipos de licencia y precios:

• Licencia anual para un sitio: 69 dólares por año.
• Licencia anual para cinco sitios: 129 dólares por año.
• Licencia anual para entre 20 y 200 sitios: De 249 a 1499 dólares por año.

Beaver Builder

Si Genesis Framework era mi funcionalidad favorita para “lo que el usuario no ve”, esta es sin duda mi opción favorita para crear contenido modulable y sin código basura.

Beaver Builder es un creador de contenido de “pinchar y arrastrar”, pero con la única característica que lo hace diferenciarse de otros de la competencia como por ejemplo Visual Composer: no deja rastro de código o shortcodes cuando lo desinstalas.

Esa característica, y que es perfectamente compatible con Genesis Framework, ya le da un lugar especial en mi corazón. :)

Con BB puedes crear todo tipo de módulos (acordeones, info-boxes, testimonios, etc) y crear tu contenido como si de un puzzle se tratara. Además viene con disposiciones de sus módulos ya prediseñadas, lo cual te ahorra incluso más tiempo. ¡Un juego de niños!

Características:

• Lo usan más de 250.000 sitios web.
• Vista de los cambios que realizas en tiempo real.
• Control total sobre lo que se ve en móviles, tablets y escritorio.
• Compatible con plugins de traducciones.
• Soporte para WooCommerce.
• Compatible con WordPress Multisite.
• Puedes crear y reutilizar plantillas que tú mismo crees.
• Compatible con shortcodes de otros plugins.
• Soporta custom post types.
• Control a nivel de roles, sobre quién puede hacer qué.
• Optimizado para SEO.
• Puedes usarlo en sitios ilimitadamente.
• Posibilidad de importar o exportar configuraciones a otros websites.

Tipo de licencia y precio:

• Licencia anual, con soporte y actualizaciones incluidas.
• Precio:
• Para agencias (se puede usar marca blanca): 399 dólares, por año.
• Para desarrolladores: 199 dólares, por año.
• Licencia estándar: 99 dólares, por año.

Ultimate Addons for Beaver Builder

Este plugin complementa al anterior (no funciona si no tienes Beaver Builder). Lo utilizan más de 100.000 empresas, y son una serie de módulos extra, que han desarrollado programadores profesionales, y que aportan muchísimo valor a nivel estético y funcional a tus sitios webs creados con Beaver Builder.

Tipo de licencia y precio:

• Dos licencias: licencia anual y de por vida, con soporte y actualizaciones incluidas, así como instalaciones ilimitadas.
• Precio:
• Estándar: 69 dólares, por año.
• De por vida: 249 dólares, pago único.

EventON

Sí, lo admito. Antes he criticado a CodeCanyon, pero este plugin se libra de dicha crítica. En mi experiencia, es el plugin para eventos que más merece la pena en relación funcionalidad/precio.

Está avalado por más de 25.000 instalaciones, y además viene con una serie de complementos “extra” dependiendo de las necesidades que tengas, y que se venden por separado.

Las características del plugin se ven extendidas dependiendo del complemento que utilices, pero las que vienen con el plugin por defecto son:

• Filtro de eventos por categoría.
• Descripción, imagen, mapa del evento.
• Personalización estética.
• Eventos destacados.
• Campos personalizados.
• Eventos recurrentes.
• Compartir en redes sociales.
• Un diseño impresionante.

Tipo de licencia y precio:

• Licencia de por vida para las actualizaciones, pero con soporte limitado a 6 meses (extendible).
• Precio: 25 dólares en CodeCanyon. Tiene por ahora 23 complementos, y la media de precio de los mismos es de 40 dólares.

Facet WP

Una de las cosas en las que WordPress flaquea un poco es en las opciones de filtro de contenido. Lo que hace este plugin es añadir un filtro avanzado para tu contenido web, de manera que tus visitantes podrán encontrar contenido de una manera más eficiente y cómoda.

Tipo de licencia y precio:

• Licencia anual, con soporte y actualizaciones incluidas. Incluye todos los complementos extra que mencionan en su web.
• Precio:
• De 1 a 3 sitios: 79 dólares al año.
• Sitios ilimitados: 199 dólares al año.

Gravity Forms

Son muchos los que utilizan el plugin gratuito de Contact Form 7, y no hay nada de malo en ello. Pero si necesitas un plugin que te ofrezca formularios avanzados con funciones extra, este es tu plugin.

Características generales:

• Formularios multi-página.
• Opciones avanzadas para formularios.
• Limitar número de entradas.
• Campos avanzados y personalizables.
• Programar formularios.
• Campos estándar pre-diseñados.
• Campos de precio.
• Campos condicionales.
• Notificaciones.

Tipos de licencia y precio:

• Licencia anual. Incluye soporte y actualizaciones.
• Precio:
• Uso ilimitado: 199 dólares al año. (todos los complementos extra incluidos).
• Uso hasta 3 sitios: 99 dólares al año. (algunos complementos extra incluidos).
• Uso en 1 sito: 39 dólares al año. (sin complementos extra).

Custom Post Types UI Extended

Este plugin viene muy bien si necesitas crear contenido personalizado para tu web, además del que viene por defecto con WordPress (post y páginas).

Por ejemplo, imagina que eres un restaurante, y quieres tener contenido para tus platos, separados por tipo de plato, ingrediente o tipo de cocina. Este plugin te lo permite.

El plugin tiene una versión gratuita y otra de pago, y ambas se diferencian en que la de pago es compatible con WordPress Multisite y permite mostrar tus custom post types directamente en los posts o páginas.

Tipo de licencia y precio:

• Licencia semestral. Incluye soporte y actualizaciones.
• Precio:
• Para un sitio: 29 dólares, pago semestral.
• De 2 a 5 sitios: 49 dólares, pago semestral.
• Sitios ilimitados: 84 dólares, pagó semestral.

Soliloquy

Pese a no ser muy fan de el uso de sliders en un sitio web, pues suelen restar usabilidad y no aportan mucho al visitante, hay casos en los que sí que se requiere el uso de un buen slider. Este plugin en concreto ofrece además funcionalidades extra que lo hacen compatible con otros servicios.

Características:

• Completamente adaptado a móviles y tablets.
• Creación de sliders mediante drag & drop.
• Sliders de productos de WooCommerce.
• Sliders prediseñados.
• Ver imágenes a pantalla completa.
• Sliders dinámicos (testimonios, integración con Pinterest e Instagram, etc).
• Slider de contenido destacado.
• Sliders tipo carrusel.
• Slider de PDFs.
• Programación de sliders por tiempo.
• Protección anti click derecho (para que no puedan descargarse tus imágenes).
• Personalizable fácilmente por CSS.

Tipo de licencia y precio:

• Licencia de por vida y anual. Todas incluyen soporte y actualizaciones.
• Precio:
• Sitios ilimitados y de por vida: 249 dólares, único pago. Incluye todo.
• Sitios ilimitados y pago anual: 99 dólares, pago anual. Incluye todo.
• Hasta 3 sitios: 49 dólares, pago anual. Incluye todo.
• 1 sitio: 19 dólares, pago anual. No incluye extras.

Monarch

Es mi plugin favorito para poder compartir contenido por redes sociales. Es sencillo pero con muy buena calidad de código y diseño. Su autor es ni más ni menos que Elegant Themes.

Características:

• Diseño muy bueno y con diferentes efectos.
• Más de 20 redes sociales en las que poder compartir contenido.
• Se puede usar a modo flotante, en el lateral de tu web.
• Se puede usar dentro de las imágenes.
• Se puede usar debajo o arriba de cada post.
• Se puede usar como pop-up automático.
• Se puede usar como fly-in en la esquina de la web.
• Configuración para cada botonera por tiempo, posición, scroll, postventa o por inactividad del usuario.

Tipo de licencia y precio:

• De por vida o anual. Al pagarla, se accede a todos los plugins y temas de Elegant Themes. Incluye soporte y actualizaciones.
• Precio:
• Anual: 89 dólares al año. Acceso y uso ilimitado de todos los plugins y temas de la web.
• De por vida: 249 dólares, pago único. Acceso y uso ilimitado de todos los plugins y temas de la web.

Plugins para la fase de mantenimiento:

BackupBuddy

Este plugin desarrollado por iThemes, está considerado uno de los mejores para hacer copias de seguridad de una web.

El plugin permite crear copias de seguridad de páginas, posts, widgets, comentarios, plantillas, plugins, opciones de la web, base de datos, usuarios, biblioteca multimedia, menús, y todo el core de WordPress en sí. Vamos, hace copia de absolutamente todo.

La configuración es sencilla y puedes programar las copias automáticamente. Se integra con servicios en la nube o te aloja la copia en el propio servidor. Además hace también copias en tiempo real (cualquier cambio detectado en tu web de WordPress, lo añade a la copia de seguridad).

Tipo de licencia y precio:

• De por vida o anual. Incluye actualizaciones y soporte.
• Precio:
• De por vida: 297 dólares, único pago. Sitios ilimitados.
• Anual ilimitada: 150 dólares al año. Sitios ilimitados.
• Anual limitada: 100 dólares al año. Hasta 10 sitios.
• Anual única: 80 dólares al año. Un único sitio.

WordFence

Hay muchas opciones en cuanto a plugins de seguridad para tu web de WordPress. En base a mi experiencia, y habiendo probado otros, para mi uno de los mejores en cuanto a relación calidad/precio es WordFence.

Hay una versión gratuita de este plugin con características muy útiles (que podéis mirar en su web porque son muy extensas para ponerlas todas aquí). Sí mencionaré las que sólo incluye la versión premium:

• Defensa en tiempo real.
• Bloqueo por país.
• Chequeo automático de si tu IP está considerada como spam.
• Escaneo de seguridad remoto.
• Conexión con teléfono.
• Auditoría de seguridad en passwords.
• Filtro de spam avanzado en comentarios.

Tipo de licencia y precio:

• Licencia anual.
• El precio depende del número de sitios. Lo mínimo por un único sitio son 99 dólares, pagados anualmente.

MonsterInsights

Todo sitio web tiene que tener implementado un plugin de analítica, para poder analizar el comportamiento de tus visitas y optimizar tu contenido en base a dicho comportamiento. Lo que suele usarse es Google Analytics, y hay un plugin que te ofrece muchas funcionalidades si usas este tipo de análisis.

Características:

• Monitorización en tiempo real.
• Integración con eCommerce.
• Monitorización de publicidad, archivos descargados, autores, etiquetas, búsquedas, etc.
• Análisis del post más popular.
• Análisis para sistemas de referidos.
• Mapa de cómo se mueven tus visitantes en la web mediante links internos.

Tipo de licencia y características:

• Licencia anual.
• Precio:
• Para un sitio web: 39 dólares al año. Incluye complementos básicos.
• Para 5 sitios web: 99 dólares al año. Incluye complementos extra.
• Para 50 sitios web: 199 dólares al año. Incluye complementos avanzados.

WP Rocket

A nivel de SEO y sobretodo de usabilidad de usuario, una web rápida es la mejor apuesta. Este plugin optimiza tu web en segundo plano, para que vaya más fluida y cargue mejor.

Características (algunas de muchas. Pásate por su web para más información):

• Caché de las páginas.
• Precarga de caché.
• Imágenes bajo demanda.
• Compresión de archivos estáticos.
• Compresión GZIP.
• LazyLoad.

Tipo de licencia y precio:

• Licencia anual. Incluye todas las características, soporte y actualizaciones.
• Precio:
• Para un sitio: 39 dólares al año.
• Para 3 sitios: 99 dólares al año.
• Para sitios ilimitados: 199 dólares al año.

WP Smush PRO

Llegamos por fin al último de esta lista de plugins, pero no al menos importante. Este plugin soluciona uno de los errores más comunes que suelen tener los que se inician en WordPress: subir imágenes sin optimizar su tamaño.

Cuanto más grande sea una imagen, más lenta va a hacer la carga de la página. Este plugin te soluciona este problema.

Tiene una versión gratuita, y otra premium. La diferencia es que en la Premium puedes optimizar imágenes de gran tamaño (hasta 32 MB), y es más potente en cuanto a compresión se refiere.

Antes, el plugin podía comprarse por separado, pero ahora forma parte de una suscripción mensual (49 dólares al mes) a la web de WPMUDEV, que incluye la descarga de otros plugins con otras funcionalidades. Tú decides si te merece la pena o no.

CONCLUSIÓN

Hasta aquí mi receta de plugins para una web de WordPress de éxito. Tanto si aplicas estos plugins a tus proyectos, como si ya usas tu propia lista de plugins y hayas añadido a la misma cualquiera de los plugins que aquí menciono, ya me puedo dar por satisfecho.

Recuerda que no es lo mismo una plantilla con funcionalidades, que un plugin; a la hora de encontrar un plugin de calidad, ten en cuenta quién lo hace y qué tipo de licencia ofrece; recuerda también que esta lista de plugins es para una instalación de WordPress base.

Si tienes un proyecto más específico y necesitas funcionalidades específicas, háblanos sobre tu proyecto y podremos aconsejarte sobre qué plugins utilizar y por qué.

¿Qué te ha parecido esta lista? ¿Añadirlas algún plugin que no aparece? ¿Tienes experiencia con alguno de estos plugins y te gustaría compartirla con nosotros? No dudes en comentar.

Un abrazo y ¡hasta el próximo artículo!

Econblog es un término anglosajón que une dos palabras; economic y blog. En habla hispana son blogs de economía.

Dentro del campo del blogging es una rama que no ha tenido tanto empuje y presencia como el content marketing, lifestyle o el emprendimiento, temáticas con muchísima presencia y competencia.

Sin embargo es probablemente el área de conocimiento donde más se ha expandido y ha posibilitado dos cosas; por un lado los investigadores y la disciplina se ha abierto y desarrollado de forma exponencial a nivel global, y por otro lado ha permitido que el lector pueda hacerse con una selección de buenos sites informativos para poder comprender la economía y tomar buenas decisiones.

Blogs versus mainstream media

Un ordenador de 500 euros, conexión a Internet y una mesa con una silla. Solo hace falta eso y tener la capacidad de redactar un argumento con claridad y convicción, tanto a nivel de razonamiento como de gramática, respaldados siempre por un conocimiento validado.

El desarrollo tecnológico, la Red, las telecomunicaciones y el acceso libre a la información han conllevado una bajada de las barreras de entrada casi total y multiplicado exponencialmente la escalabilidad de casi cualquier producto o servicio.

Esto ha conllevado que a las estructuras de poder tradicionales les cueste cada vez más mantener ese poder y surjan nuevos actores de la nada. Personas como tú y como yo.

El modelo de negocio de la prensa tradicional está acabado. Viven de la publicidad de los principales actores económicos y información que dan está viciada. Aquí ha surgido una gran oportunidad para economistas independientes, periodistas o personas que sencillamente les gusta alguna rama de la economía, como las finanzas personales.

Esta destrucción creativa manifestada con fuerza en la crisis financiera iniciada en 2007 ha abierto un campo de especialización a través de blogs en habla hispana.

Blogosfera como gran medio

La blogosfera es el espacio informativo, generado por el conjunto de herramientas de edición y publicación personal, los blogs.

Para entender cómo se comporta y su evolución, y revolución, es necesario que conozcamos los tipos de redes informativas que existen.

Hasta 2008 los blogs se caracterizaban en general por su amateurismo. Cualquier persona hablaba de cualquier tema en forma de diario personal. Pero a partir de entonces se han profesionalizado. La posibilidad de monetizar la economía de larga cola, nichos que antes eran imposibles de abordar, ha hecho que hayan aparecido muchísimos blogueros especializados en una temática muy definida, micronichos con soluciones informativas muy específicas.

Los econblogs no han sido una excepción, aunque estos siempre han ido un poco por detrás en esa evolución.

Por esta razón son tan importantes los econblogs; son el único medio de información distribuida, independiente y sin filtrar.

Evolución y consolidación de los blogs

Los blogs están viviendo una segunda fase de crecimiento y consolidación, que comenzó en el año 2012. Este resurgir se debe a dos causas: la saturación informativa y la dispersión que provocan las redes sociales.

Nos encontramos en la siguiente situación:

1. Aparición de la blogosfera como gran medio (primer medio distribuido).
2. Aparición de las redes sociales como conversación en la red (recentralización del medio de comunicación).
3. Resurgimiento y profesionalización de los blogs (medio distribuido y descentralizado).

Econblogs y medios digitales

Vamos a ver la siguiente imagen extraída del libro Econblog.

Los medios impresos desaparecen, Por debajo de los 34 años no se leen. Las personas menores de 24 años consumen la mitad de la información a través de Smartphone. Se centran en el uso de este y el ordenador personal.

Aquí hay una oportunidad para aquellos profesionales del mundo de la economía que tengan algo que decir. La apertura de un blog con hosting propio es una oportunidad única para los trabajadores del conocimiento que prestan servicios. Es una herramienta fundamental.

Tanto los periódicos digitales como los blogs han dado un salto cualitativo enorme.

Los blogs personales han evolucionado en tres tipos diferentes:

1. Blogs de opinión personal.
2. Blogs profesionales (de nicho).
3. Selección de noticias y press-clippings personales.

Especialización de los econblogs

El blogging es, sin duda, uno de los procesos de destrucción creativa de la ciencia económica, que está provocando el desarrollo de nuevas explicaciones. Es un elemento fundamental para comprender la evolución y revisión de esta.

En algunos de esos blogs los comentarios son tan interesantes como el propio artículo. En España tenemos varios ejemplos, pero el más destacado a mi juicio es el de Nada Es Gratis, donde hay unas discusiones de un nivel altísimo y una comunidad muy activa. El caso de El blog Salmón, Economistas frente a la crisis, El blog de Enrique Dans o Politikon también son dignos de mención.

En el mundo anglosajón –en Estados Unidos en particular– el panorama se abre mucho más, con varias decenas de blogs con cientos de miles de suscriptores y seguidores, millones de visitas y unos artículos para caerse de la silla.

Teniendo en cuenta el nivel de los artículos y los comentarios de forma conjunta, destacan sobre el resto Naked Capitalism y Crooked Timber, aunque aquí ya entran los gustos de cada uno y la preferencia de los temas.

Ventajas del blogging como instrumento de investigación.

Los blogs suplen las carencias de la publicación de investigación ordinaria; lentitud y un diálogo entre los autores y revisores que no sale al mundo exterior.

Los econblogs se han configurado como un inigualable medio complementario a la investigación tradicional. Estas son las razones:

• Se incrementa el número de lectores de las investigaciones económicas.
• Mueven la información muy rápido.
• Son un lugar de discusión y debate muy intenso, heterogéneo y que se propaga con mucha rapidez por múltiples canales.
• No solo es un sitio de libre acceso para los lectores, es libre también para los autores, bastante fácil de usar y con una estética que suele resultar atractiva para su lectura.
• Es un foro independiente –de las líneas editoriales–, de intercambio riguroso de ideas. Existen numerosos casos de papers científicos que han sido un fraude y que los revisores no han podido detectar, que gracias a la insistencia de algunos blogueros han salido a la luz, como se señala en el blog Retraction Watch.
• Pueden tratar temas que no son apropiados para los peer-reviewed papers tradicionales.

Mi experiencia con un econblog

Montar un blog, con las herramientas disponibles en la Red, cuesta 5 minutos y se puede hacer de manera gratuita. Se puede comprar un dominio personal por unos 10 euros al año.

Pero tener un blog con contenido útil y de calidad para el lector a lo largo del tiempo requiere muchísimo trabajo y constancia. Por esta razón hay una famosa estadística dice que el 95% de los blogs muere antes de cumplir el primer año de vida.

Durante los cinco años de vida que tiene mi blog he comprobado que hay dos cosas que los lectores valoran por encima de todo, y que creo es extrapolable a cualquier blog: el estilo personal y los artículos trabajados con documentación adicional que solucionen un problema.

Los autores de un econblog se benefician de muchas cosas, que podemos agrupar en 8 categorías:

1. Autoridad
2. Producción de conocimiento
3. Red “offline” profesional
4. Relevancia
5. Contenido “evergreen”
6. Mejora de la escritura
7. Mantener el foco
8. Aprendizaje continuo

Nichos de econblogging

Las áreas o ramas de la economía, por temática, que se han abierto son las siguientes:

• Economía general
• Teoría económica
• Economía financiera
• Finanzas personales
• Investigación
• Nueva economía
• Educativos
• Visualización de datos
• Legislación
• Sociedad, política y cultura

Todos ellos ofrecen oportunidades para todo aquel que está relacionado o tenga algo de conocimiento con alguna de estas áreas. La ventaja del habla hispana es que el mercado está mucho menos trillado que el anglosajón.

Para los economistas se ha convertido en una herramienta muy potente que ha abierto muchas oportunidades laborales y les está permitiendo abrirse camino de manera global y avanzar mientras siguen aprendiendo.

El mayor riesgo es la inversión en tiempo, porque la inversión monetaria es mínima; un dominio y hosting propio básico para empezar con una plantilla de WordPress y algún plugin son más que suficientes para empezar. Y conforma vaya creciendo el proyecto se van integrando mejoras técnicas y estéticas. El riesgo es mínimo y la recompensa futura muy alta.

Y para estar bien informado, lo mejor es tener una selección de ellos por temática en un lector de RSS como puede ser Feedly.com y consultar el Smartphone o el ordenador una vez al día o cada dos días durante no más de treinta minutos.

Es la manera más eficaz de consumir información y opinión de expertos, estando al día de los acontecimientos y formándonos una opinión personal sin perdernos en el ruido diario.

A esa redacción se le suman otras tantas como pueden ser la búsqueda de información, la curación de contenidos, la publicación de nuevos posts en redes sociales y hasta optimizar al máximo el posicionamiento SEO de los artículos tanto nuevos como antiguos de su blog.

Igualmente es de vital importancia que un bloguero esté siempre atento a todo lo que sucede en la red y haga un continuo seguimiento de las noticias y novedades de su sector a fin de mantenerse muy bien actualizado.

Las tareas diarias de cualquier bloguero son tantas y tan variadas que, si no tuviera a su disposición la ventaja de poder emplear herramientas que le agilicen sus tareas, casi seguramente tendría una jornada laboral de más de 12 horas.

En definitiva, la labor de los que nos dedicamos a la comunicación online es de lo más variada y compleja, pero (por suerte) existen algunas aplicaciones o extensiones que podemos usar en nuestros navegadores habitual para facilitarnos la vida.

Es por esto que hoy quiero hablarte, teniendo en cuenta que me has dicho que eres un usuario activo del navegador web de Google, de las extensiones para Chrome y de cómo usarlas para ahorrar uno de los bienes más valiosos que tenemos: el tiempo.

¿Qué es una extensión de Google Chrome?

Dentro de la inmensa cantidad de ventajas que tiene utilizar las diversas aplicaciones de Google, una de las más útiles para los Blogueros es el navegador Chrome y sus extensiones.

Estas extensiones son pequeños plugins o programas instalables dentro de este navegador que lo dotan de un sin fin de funcionalidades extra.

Su instalación, por norma, suele ser muy sencilla y en pocos segundos, y con apenas 3 clics, las puedes tener funcionando para ti.

Además, otra de sus ventajas es su poco “peso”. Esto significa que ocupan muy poco espacio dentro de nuestro disco duro, algo que no irá en desmedro del consumo de memoria de nuestro equipo informático.

¿Para qué sirven las extensiones de Google Chrome?

Las extensiones de Chrome comprenden un conjunto de aplicaciones que hacen que nuestro día a día sea más sencillo.

Son, también, herramientas que se suman a la barra del buscador y que nos permiten acceder directamente desde el navegador a diferentes tareas que solemos realizar a diario.

Entre ellas podemos encontrar algunas extensiones que nos ayudan, por ejemplo, con la búsqueda de contenidos. Otras, en cambio, nos sirven para programar nuestra actividad en redes sociales o incluso para realizar un análisis SEO de dicho contenido.

Existen otras que, o facilitan ciertos aspectos d diseño, o nos ayudan a crear nuestras propias imágenes de un modo mucho más sencillo.

Y es que son tantas, que probablemente existe una extensión para casi cada una de las tareas que tenemos que hacer. Como prueba, veamos qué dicen los números: en la actualidad hay más de 12.000 aplicaciones diferentes a nuestro alcance.

Personalmente, una extensión que suelo utilizar mucho en mis tutoriales es Awesome Screenshot. Es ideal para hacer capturas de pantalla como las que encontrarás en mis posts.

Pero hay más. Muchas más...

¿Cuáles son las extensiones que no pueden faltar en el navegador de ningún Bloguero?

Como ya hemos señalado, el mundo de las extensiones de Google Chrome es de lo más amplio y variado que nos podamos imaginar.

Ahora bien: dentro de ese maremágnum de aplicaciones que hacen nuestras tareas mucho más sencillas, podríamos destacar algunas que no nos pueden faltar a cualquiera que, como nosotros, se dedique al marketing de contenidos o a la comunicación online.

En total, he seleccionado solo 22 herramientas. Aunque hay muchas más que hacen nuestra labor más sencilla en diferentes ámbitos, como por ejemplo:

• La búsqueda de información
• El diseño de imágenes
• La gestión de redes sociales
• O la escritura propiamente dicha (entre otras).

Veamos, entonces, cuáles son y para qué sirven.

SEOquake

Esta extensión, perteneciente a SEMrush, es muy útil cuando necesitas conocer los principales parámetros y métricas SEO de tu blog o de uno de tus artículos en concreto.

Te informa de la cantidad de enlaces internos y externos que tienes en la URL que estás analizando, su cantidad de backlinks y hasta puede cuantificar los marcadores sociales con el número de veces que se ha compartido en cada red social.

Además, podrás obtener a un solo golpe de clic una analítica muy completa en cuanto al número de visitas, porcentaje de rebote de esa URL de tu blog y las sesiones y usuarios que han pasado por allí.

Para conocer datos más avanzados, haciendo clic en su opción “Diagnóstico”, se te abrirá una nueva ventana donde obtendrás una completa y rápida auditoría SEO.

Google Docs

El entorno ofimático del gigante de los buscadores, Google Docs, es otra de las aplicaciones básicas para cualquier Bloguero.

Ésta facilita la redacción de borradores de texto, que quedan almacenados en la nube y a los que se puede acceder desde cualquier lugar y dispositivo.

Además, su principal ventaja es que permite compartir los documentos con quien deseemos, algo fundamental cuando se trabaja en equipo o cuando tienes clientes que deben supervisar los contenidos antes de su publicación.

También permite que varias personas trabajen a la vez sobre el mismo documento, pudiendo aportar comentarios, correcciones, etc., lo que lo dota de una gran versatilidad, sobre todo si estas personas no se encuentran en el mismo espacio físico en ese momento.

Google similar pages

La búsqueda de información y la curación de contenidos puede ser una de las labores más tediosas para un Bloguero. Con frecuencia, pasamos muchísimo tiempo buscando contenido de valor real relacionado con la temática sobre la que se quiere escribir.

Esta extensión de Chrome facilita con creces la tarea y agiliza todo este proceso de búsqueda.

Google similar pages te ofrece sugerencias de páginas de contenido similar a la que visitas. Así, si estás en una web que incluya contenido sobre el que quieras trabajar, inmediatamente te proporcionará otras parecidas.

Además, junto con el enlace, te enseña más detalles para evitar perder el tiempo visitando páginas web innecesarias, ahorrandote así más trabajo.

One Tab

Tengo que admitir que esta extensión de Google Chrome es una de las que más me ha cautivado en el último tiempo, sobre todo por su ahorro en la memoria RAM de mi equipo.

Y es que es de lo más útil a la hora de investigar y buscar información. Cuando estamos en mitad de una tarea, casi siempre abrimos un sinfín de pestañas del navegador con páginas que contienen material interesante para el trabajo que estamos realizando. Pero este “caos”, en muchas ocasiones, resulta improductivo.

Al tener tantas pestañas abiertas, seguramente acabaremos cerrando casi todas sin haber echado apenas un vistazo a la mayoría de ellas, para más tarde lamentarnos.

Con One Tab, este tedioso embrollo puede llegar a su fin. La extensión guarda todas las pestañas que tenemos en una sola, en la cual permanecen todas las direcciones web. Es más: aunque cerremos el explorador, continuará guardando esa lista de links.

Lo mejor de esto es que podrás ahorrar hasta un 95% de memoria del equipo en el que estás trabajando, algo nada desdeñable ¿cierto?

Palabras clave para enfatizar

Relacionada también con la investigación, encontramos a esta extensión que hace que las búsquedas sean mucho más sencillas y rápidas.

Normalmente, no sólo pasamos mucho tiempo documentándonos y buscando material relevante que nos sirva para nuestro trabajo; también nos perdemos en textos y páginas web muy extensos en los que encontrar la palabra clave objetivo puede resultar complicado.

A ti también te ha ocurrido esto ¿verdad?

Pues aquí tienes la solución: palabras clave para enfatizar es perfecta para acabar con esta pesadilla.

Al realizar una búsqueda de ciertas palabras clave en Google, éstas aparecerán siempre resaltadas en todas las páginas que se visiten desde el buscador, algo con lo que se puede ahorrar mucho, pero mucho tiempo.

Mozbar

Para quienes se dedican al SEO esta es una extensión de lo más interesante. De hecho, si tu especialidad es el SEO y aun no la tienes, ya estás tardando en instalarla.

Para Blogueros es igualmente útil, ya que el SEO no sólo está presente en la vida de los especialistas que se dedican a ello, sino también en la de todos los profesionales que trabajan en Marketing Digital y que tienen un blog.

Mozbar permite analizar tanto lo que estás creando en tu propio blog, como lo que están haciendo los otros usuarios con sus contenidos.

Los heading, palabras clave, backlinks, etc., son el objetivo del análisis de la extensión, ofreciendo un informe muy detallado de lo que hace tu competencia.

La extensión te permite, además, conocer la autoridad de dominio (DA) y la autoridad de página (PA) de la URL que estás visitando… Y con tan sólo 1 clic.

SEO optimización e Internet Marketing

Siguiendo con extensiones para optimizar el posicionamiento SEO de tu blog, encontramos esta extensión para Chrome, propiedad de la herramienta Woorank.

Esta, al igual que la anterior, hace un análisis SEO de las páginas web que visitamos. Se centra en aspectos clásicos como los títulos, palabras clave, enlaces, etc.

Además, SEO optimización e Internet Marketing de Woorank añade a ello otros aspectos muy interesantes, como la coherencia de palabras clave y la apariencia móvil del blog.

Gracias a ella también puedes conocer otros aspectos técnicos, entre los que se incluyen algunas recomendaciones propias de la herramienta, como el uso de memoria caché para acelerar la carga de contenidos o la actividad y el impacto en redes sociales.

Check my links

Es ideal para aquellos Blogueros que quieren optimizar al máximo los aspectos SEO y ofrecer un contenido de mayor calidad a sus lectores.

Como casi todos, seguro que tienes algunos artículos con cierta de antigüedad a los que agregaste enlaces a páginas externas para enriquecer su contenido. En este caso, para comprobar si éstos siguen operativos, ya no tendrás que ir uno por uno comprobando si los enlaces están rotos o si siguen estando operativos.

Esta extensión de Chrome se encarga de revisar los enlaces que se han insertado en un contenido en apenas 1 ó 2 minutos, con el fin de evitar que alguno de ellos no funcione correctamente y pueda dañar nuestra estrategia SEO dentro del blog.

AdSense Publisher Toolbar

Esta es una extensión creada por el propio equipo de desarrolladores de Google. Te permite analizar lo que pasa en tu cuenta y comprobar tus ganancias sin tener que entrar a la página AdSense.

Con ella podrás ver la información de los anuncios de AdSense y Ad Exchange, supervisar la información y bloquear los anuncios que no sean adecuados para tu sitio web.

Aunque es una aplicación muy útil, tiene algunas características que todavía no están completamente disponibles en la aplicación (aún no se pueden ver, por ejemplo, las ganancias para ciertos canales específicos). 


Awesome Screenshot

Como comenté anteriormente, esta es una de mis favoritas.

Las capturas de pantallas y su edición son una de las tareas que te pueden llevar más tiempo de lo que te gustaría si vas a ilustrar tus posts con capturas de pantalla a modo de tutorial.

El tratamiento de imágenes no siempre es sencillo. Aún así, con esta extensión puedes hacer capturas de pantalla completas o parciales, es decir, que puedes escoger el fragmento de pantalla que quieres capturar.

A esto se le suma el hecho de que ofrece la posibilidad de hacer en la captura anotaciones sencillas y gráficos simples, además de la opción de publicar en redes sociales directamente.

Window Resizer

En un mundo cada vez más móvil, existen todo tipo de dispositivos desde los que se puede acceder a nuestro blog. Y, como bien sabes, Google le da mucha importancia a la visualización móvil de cada sitio web.

Esto a veces puede convertirse en un verdadero obstáculo, ya que si no adaptamos correctamente nuestra web al formato móvil, podemos perder usuarios y visitas.

La extensión Window Resizer es la solución para este problema. Gracias a ella podemos comprobar que nuestra web se puede ver correctamente en todo tipo de dispositivos y resoluciones. De hecho, ofrece un amplio menú de opciones a elegir, algo que nos ayudará a que nuestra web sea correctamente visible en cualquier

Page Ruler

Las imágenes son uno de los principales quebraderos de cabeza a la hora de trabajar con la publicación de contenidos. Necesitamos fotos e ilustraciones que se ajusten al espacio que disponemos, pero muchas veces no sabemos cuál es el tamaño de una imagen o desconocemos cuántos píxeles tiene.

Con Page Ruler esto es pan comido.

Esta extensión de Google Chrome nos facilita en gran medida un engorroso trabajo. Nos señala, por una parte, cuál es el tamaño exacto de una imagen seleccionada. Pero además, también nos especifica cuáles son las medidas exactas del fragmento de pantalla que queremos ocupar con una imagen.

ColorPick Eyedropper

Gestionar un blog o una página web no es una cuestión de escritura exclusivamente. El diseño es también un elemento fundamental, aunque en ocasiones nos lleve mucho más tiempo del que nos gustaría.

El color es algo muy difícil de elegir. Existen tonalidades en las imágenes que pueden favorecer los clicks, pero no siempre es fácil encontrar el tono exacto que nos gustaría tener.

Con ColorPick Eyedropper la elección del color es muy sencilla. Gracias a esta aplicación, podremos encontrar y aplicar el color que deseemos.

Solo basta con dar con la web en la que aparece y copiar el color hexadecimal en la imagen que hayamos creado… ¡y listo!

Bufferapp

Las redes sociales se han convertido en el principal aliado de aquellos que nos dedicamos a generar contenidos. Estas son un altavoz que hace que la labor de los Blogueros tenga mucho más impacto.

Por esta razón, la mayor parte de quienes se dedican a esta labor publicitan sus contenidos a través de las redes sociales.

Pues bien: Bufferapp facilita enormemente la gestión de estas redes.

La extensión de la herramienta te permite programar de una manera muy simple las publicaciones en diferentes redes sociales, adelantando así buena parte del trabajo en social media.

Además funciona como marcador social, permitiéndote guardar todo aquel contenido que te parezca interesante para que lo puedas consultar más adelante.

Rite Tag

Dentro del ámbito de las redes sociales, el hashtag es uno de los elementos que puede resultar más difícil de gestionar.

Existen muchas alternativas y opciones a la hora de publicar una etiqueta, pero no todas son igual de efectivas.

En este sentido, Rite Tag es una aplicación de lo más funcional, ya que nos permite evaluar la calidad de una etiqueta.

¿Y cómo lo hace? Muy sencillo: utilizando un código de colores.

La extensión resaltará en rojo los hashtags que están sobresaturados, algo que a su vez nos indicará que, lo más probable, es que nuestro mensaje quede sepultado en medio de miles de tuits.

Por el contrario, el color azul nos dice que ese hashtag tiene muy poco uso y que, por ende, no tendrá una gran difusión.

Lo ideal es que la etiqueta se muestre en color verde, ya que es un claro indicador de cuándo un hashtag es óptimo de ser utilizado.

Social Meter

Todos los Blogueros queremos conocer, pasados unos días de haber publicado nuestro artículo, cuántas veces se ha publicado en las redes sociales.

Con Social Meter podrás conocer en un solo clic toda esta información de forma detallada y rápida.

Sin duda alguna, es una muy buena opción para saber si tus contenidos le están gustando a tu audiencia.

Print Friendly & PDF

Como Bloguero, además de escribir, deberás leer largo y tendido muchos contenidos de otros profesionales, para así estar al tanto de otras áreas y novedades en que tengas menos conocimientos.

Para ello, es posible a veces que andes con prisas o que viajes a lugares donde no haya cobertura o conexión a internet, algo que hace necesaria esta extensión.

Print Friendly & PDF es el mejor complemento para descargarnos en pocos segundos el post que queramos leer en formato pdf para luego leerlo en cualquier dispositivo aunque no dispongamos de conexión a internet.

Whatfont

Pese a que el trabajo de Bloguero no sea el de diseñar una web, es muy posible que al diseño de tu blog lo hayas hecho tú mismo.

Esta extensión te puede ser de gran ayuda en esta ardua tarea, ya que con ella puedes conocer cuál es la tipografía, tamaño de letra, color y altura que realmente necesitas para lo que tienes en mente.

Haciendo uso de ella podrás tomar de ejemplo las características tipográficas de la web o blog que más te gusten y aplicarlas a tu propio blog de contenidos.

Evernote Web Clipper

Entre las tareas cotidianas a las que dedicas tiempo en tu blog, seguramente se incluyen la búsqueda de información y la curación de contenidos de otros blogs o páginas webs, así como también guardarlas para revisarlas más tarde.

Esta extensión de Evernote te permitirá guardar todas las webs que desees, incluyendo algunos trozos de artículos que creas imprescindible conservar.

Emoji Input

Quizás no sea tu estilo, pero hay muchos Blogueros que dentro de sus contenidos incluyen emoticonos para ilustrar sus textos.

Esta extensión de Chrome te ayudará a encontrar los mejores e incluirlos en tus artículos con un simple copia y pega.

LastPass

Este es uno de los administradores de contraseñas más famosos de internet para nuestras diferentes cuentas o herramientas online.

LastPass nos permite tanto guardar nuestras contraseñas como también darnos un acceso seguro a ellas desde cualquier ordenador, Tablet o Smartphone.

Con LastPass solo tendrás que recordar una única contraseña maestra y la aplicación se encargará del resto completando por tí todas las claves de inicio de sesión, sincronizándolas al instante en todos tus dispositivos en los que esté instalada. Así, nunca más tendrás que preocuparte por recordarlas.

Como si esto fuera poco, también incluye la posibilidad de cambiarlas regularmente por contraseñas aleatorias, algo que aumentará la seguridad de tus cuentas. 


Google Calendar

Para todos los profesionales que tienen su blog como epicentro de su estrategia de Marketing Digital, mi recomendación ha sido siempre la de tener un calendario de publicaciones.

¿Por qué? Porque tenerlo supone muchas ventajas: la posibilidad de organizarnos día a día, programar y recordar citas importantes o conocer qué días nos toca publicar un artículo u otro (entre muchas otras).

Es para todo esto que podemos echar mano de esta extensión de Chrome.

Con tan sólo un vistazo, puedes hacerte una idea de las acciones que deberás tomar un día en concreto y así planificar eficazmente tus tareas.

¿Cómo se instalan estas extensiones de Google Chrome?

La instalación de las extensiones en Chrome es lo más sencillo del mundo. Para ello, solo necesitamos buscar la aplicación concreta en la Chrome Web Store y, una vez localizada, simplemente debemos seleccionarla y hacer clic en “Añadir a Chrome”.

A veces se nos puede pedir permiso para acceder a algunos de nuestros datos antes de la instalación. Para ello, sólo hay que hacer click en “Añadir” y la extensión se instala automáticamente en nuestro buscador.

También puede ocurrir, sobre todo cuando intentamos ponerlas en funcionamiento en dispositivos de nuestro lugar de trabajo, que algunas de estas extensiones estén deshabilitadas. En este tipo de situaciones es necesario ponerse en contacto con el administrador para que nos dé permiso para instalarla.

Sin embargo tú mismo puedes habilitarlas yendo a Configuración > Extensiones en tu navegador Google Chrome, donde solo tienes que comprobar que esté marcada como Habilitada.

Para ir concluyendo

Si has llegado hasta aquí, seguramente estarás de acuerdo conmigo en que las extensiones nos ayudan a mejorar nuestra productividad diaria.

Sin dudas podemos afirmar, también, que son unas de nuestras mejores aliadas a la hora de trabajar en el ámbito del Marketing Online y el blogging, sobre todo por su sencillez a la hora de utilizarlas.

El diseño, la búsqueda de información, la gestión de redes sociales y la propia redacción de contenidos se vuelven mucho más sencillas gracias a la labor de estas aplicaciones, por no hablar del ahorro de tiempo quesuponen.

Tareas que tradicionalmente nos han llevado muchas horas de trabajo, se ven ahora simplificadas, razón más que de sobra para no ignorarlas.

Además, estas herramientas no solo hacen más fácil nuestro trabajo, sino que nos permiten estar al día en lo que se refiere a avances y nuevas tendencias en la comunicación digital.

La idea de este post es que ahora tu nos sugieras las extensiones que más te gustan y que no están en la lista, para que así todos podamos enriquecernos y (¿quien sabe?) conocer alguna nueva.

¿Cuáles son las extensiones de Chrome que crees que no pueden faltarle a ningún Bloguero? ¿Cuáles son tus favoritas a la hora de hacer tu trabajo?

Dejanos tu comentario con tus recomendaciones y las incluiremos a la lista.

Qué es el Error Name Not Resolved

Este y otros errores habituales similares suelen ser:

• Error 101 (net::ERR_CONNECTION_RESET)
• Error 2 (net::ERR_FAILED): error desconocido
• Error 104 (net::ERR_CONNECTION_FAILED)
• Error 105 (net::ERR_NAME_NOT_RESOLVED)
• Error 102 (net::ERR_CONNECTION_REFUSED): error desconocido
• Error 324 (net::ERR_EMPTY_RESPONSE)

Las verificaciones y soluciones

Comprueba en tu navegador Chrome la URL y asegúrate de que estás intentando acceder a la dirección web correcta.

Si has confirmado que estás accediendo a la dirección web correcta, comprueba si puedes abrir la misma página web en otro navegador (por ejemplo, en Internet Explorer o en Firefox).

Si no puedes ver la página web en ningún navegador, puede que esta no esté disponible temporalmente. También debes asegurarte de que estás conectado correctamente a Internet.

Analiza tu ordenador con algún antivirus conocido y que tenga las firmas actualizadas, pero sobre todo analiza que no tengas malware con herramientas como Spybot Search & Destroy (por ejemplo).

Existe software malicioso o malware que puede impedir que Google Chrome se conecte a un servidor web.

Elimina rastros de navegación y cookies para descartar que alguna esté dañada y eso impida la correcta carga de la web desde Chrome.

1. Haz clic en el menú de Chrome situado en la barra de herramientas del navegador.
2. Selecciona Configuración.
3. Haz clic en Mostrar opciones avanzadas.
4. En la sección "Privacidad", haz clic en Configuración de contenido.
5. En la sección "Cookies", haz clic en Todas las cookies y los datos de sitios.
6. Haz clic en Eliminar todo.
7. Haz clic en la X para cerrar el cuadro de diálogo.

Verifica que el navegador Google Chrome tenga los permisos necesarios en tu cortafuegos para salir a Internet.

La solución que debería resolver este problema si el resto no te han funcionado es apagar el Router durante 30 segundos, volver a encenderlo y una vez haya sincronizado, verifica desde Google Chrome si tu sitio web es accesible o si persiste el molesto error de conexión.

El uso de las DNS públicas de Google en tu conexión a Internet puede ayudarte a resolver esta incidencia.

¿Ah, que no sabes cuales son los DNS públicos de Google?, son los siguientes:

• 8.8.8.8
• 8.8.4.4
• 4.2.2.2

La próxima vez que tu navegador Google Chrome frustre la conexión a tu sitio web, con errores como ERR_CONNECTION_RESET, en lugar de jurar en lenguas desconocidas, acuérdate de que un día en este blog publicamos una entrada donde te damos algunas indicaciones que pueden ayudarte a entender y resolver este torpe incidente. ;)

Modo Mantenimiento sin plugins ¡mejor!

Todo lo que sirva para reducir la carga de un sitio web debe ser siempre recibido con los brazos abiertos, a fin de cuentas además de reducir el estrés de carga y consultas a la base de datos, ayuda a despejar de código adicional la instalación, sin olvidar que los plugins hay que vigilarlos, actualizarlos y esperar de ellos que no tengan 'bugs' escondidos que acaben afectando a la web o desestabilizando funcionalidades de otros plugins.

Cualquier tarea que puedas realizar en WordPress utilizando 'snippets', funciones o filtros es siempre más recomendada a largo plazo que el uso de plugins.

Los plugins nos lo ponen todo más fácil ¡eso es cierto! pero también nos dejan a merced de código que no siempre cumple con el patrón de programación fomentado por WordPress.org

Es tan fácil dejarse seducir por un plugin que dice hacer esto o aquello, que la tentación de no instalarlo está apenas a 1 clic de distancia.

Pero no hay que dejarse llevar por las primeras impresiones, a veces los plugins esconden demasiadas funcionalidades que luego no acabamos utilizando y lo único que terminamos haciendo es montar un motor de competición en un coche utilitario. ¿es necesario?

Necesitas que tu sitio WordPress no sea visible mientras realizas cambios, personalizaciones, o porque estás cambiando el tema o la disposición de 'widgets'. Activar Modo de Mantenimiento te permite seguir trabajando en el sin que sea visible públicamente.

Usemos pues una función (breve código que se apoya en funciones de WordPress definidas para realizar acciones o devolver valores, estados, etc.) para mostrar una pantalla de aviso a los visitantes de la web advirtiéndoles que hemos cerrado temporalmente el sitio web por reformas, trabajos extraordinarios o lo que proceda.

¿Cómo funciona esta función?

Muy sencillo. Una vez la insertas en el archivo functions.php y guardas los cambios, se activa el modo mantenimiento.

Todos los visitantes que accedan a http://tudominio.com y no estén identificados como administradores verán una página de "mantenimiento del sitio".

Tu, como administrador seguirás viendo el sitio web, no necesitarás filtrar tu IP para que sea permitida la visualización del frontal de la web, pero el resto de usuarios no verán la página.

Una vez que finalices la edición, el cambio de tema, las personalizaciones deseadas, etc., sólo tienes que eliminar el código o ponerlo "en pausa" hasta que vuelvas a necesitas activarlo.

El código de la función lo pausas añadiendo una doble barra // antes de cada línea de la función.

¿Cómo añadir la función?

Para aplicar esta función de forma sencilla y efectiva lo ideal es acceder a tu dashboard, Apariencia, Editor, localizar la plantilla Funciones del tema (functions.php) y cargar el archivo, ir al final y añadir después del código <?php } (es posible que tu tema no necesariamente cierre functions.php con ese código) la siguiente función:

/*** Inicio Modo Mantenimiento ***/
function mode_maintenance(){
    if(!current_user_can('edit_themes') || !is_user_logged_in()){
        wp_die('<div style="border:solid 1px grey;"><h1 style="color:#FF942A; text-align:center; text-transform:uppercase;">Sitio en Mantenimiento</h1><p style="text-align:center; font-size:18px;">Estamos trabajando en el nuevo sitio ¡en breve estaremos online!</p></div>', 'Sitio en Mantenimiento', array( ‘response’ => 503 ));
    }
}
add_action('init', 'mode_maintenance');
/*** Fin Modo Mantenimiento ***/

En esta captura puedes ver con más detalle donde inserto la función.

El resultado lucirá como ves en esta captura.

A partir de este código puedes imaginar como añadir una sección de enlaces a tus redes sociales, insertar un formulario (de un campo preferiblemente) para que se suscriban a tu boletín de noticias, una imagen de fondo, etc..

¿Y después de activar el Modo Mantenimiento?

Básicamente ¡trabajar en el sitio! siempre que estés logeado antes de activar este modo y no te desconectes del dashboard en el navegador que estés trabajando. Desde otro navegador diferente puedes por ejemplo cargar la web para comprobar que el "modo mantenimiento" está activo, aunque desde tu navegador actual sigas viendo el sitio web.

¿Sin acceso a wp-admin con el Mantenimiento activo?

Esta función limita el acceso tanto al frontal de la web como al dashboard, por lo que para poder desactivar el modo mantenimiento y luego logearte en http://www.tudominio.com/wp-admin primero debes comentar o eliminar la función insertada en functions.php de lo contrario no verás el formulario de login.

Tienes que acceder a tu Panel de Hosting (cPanel), Archivos, Administrador de Archivos, y navegar a la carpeta /wp-content/themes/ y editar functions.php, localizar al final el código de la función y encerrarlo entre /** código de la función */ para que deje de estar funcional.

Ejemplo:

/**
/*** Inicio Modo Mantenimiento ***/
function mode_maintenance(){
    if(!current_user_can('edit_themes') || !is_user_logged_in()){
        wp_die('<div style="border:solid 1px grey;"><h1 style="color:#FF942A; text-align:center; text-transform:uppercase;">Sitio en Mantenimiento</h1><p style="text-align:center; font-size:18px;">Estamos trabajando en el nuevo sitio ¡en breve estaremos online!</p></div>', 'Sitio en Mantenimiento', array( ‘response’ => 503 ));
    }
}
add_action('init', 'mode_maintenance');
/*** Fin Modo Mantenimiento ***/
*/

De esta forma queda comentado ese bloque de código y recuperas el acceso al frontal y al dashboard.

Si bien se trata de un proceso manual y bastante artesano, es la alternativa a tener que usar un plugin, que es de lo que se trataba de ilustrar en este artículo  ヅ

...disfrutar creando tu proyecto web, añadir contenidos o productos si se trata de una tienda con WooCommerce o cualquier otro plugin de e-commerce para WordPress, sin olvidar que con cerrar el sitio no se soluciona todo ya que debes evitar que sea indexado por los motores de búsqueda para que no aparezcan enlaces o referencias de tu sitio si está cerrado todavía.

No permitas que los bots de indexado de motores de búsquedas rastreen tu sitio cerrado por mantenimiento o desarrollo.

Pues de eso va este artículo, de cómo detectar esas imágenes que no se utilizan pero que ocupan espacio en tu Hosting, y que aunque no te importe el espacio, tampoco es plan que tus backups ocupen 300 o 700 MB porque tengas taitantas mil imágenes que no sirven para nada y ni siquiera utilizas. ¡Sigue leyendo que te lo cuento!

¿Qué es eso de las imágenes duplicadas?

No es 100% cierto que sean imágenes duplicadas, ya que salvo que se encuentren en carpetas diferentes, lo que sí es posible, con el mismo nombre, es evidente que la misma imagen, con el mismo nombre no podría estar en la misma carpeta.

Sin embargo si es posible que tengas una imagen con el mismo nombre pero con el añadido del tamaño al final del nombre y que ésta se duplique, triplique, cuadruplique, etc., en base a diferentes tamaños preestablecidos pero que no necesariamente se van a utilizar.

Por ejemplo, subes una imagen llamada galeria2.png y en la Biblioteca de Medios solo verás esa imagen, sin embargo si accedes a /wp-content/uploads/2017/03 encontrarás esa imagen y las variantes de tamaños de esa misma imagen:

galeria2-150x150.png
galeria2-300x111.png
galeria2-142x88.png
galeria2-142x88.png
galeria2-270x270.png
galeria2-200x200.png
galeria2-400x324.png

Un total de 7 imágenes más la que subiste galeria2.png, o sea, 8 imágenes en total que posiblemente nunca utilices y que todas ellas suman un total de 100 MB (dependiendo del tamaño de cada una) lo que es importante si consideramos que apenas estamos hablando de una única imagen subida.

Ahora haz un poco de cálculo e imagina que tienes unas 2000 imágenes en la carpeta /uploads, a poco que desarrolles una regla de 3 simple verás que el espacio ocupado en MB o GB se dispara exponencialmente por lo que es importante tomar medidas antes de llegar a estos excesos.

¿Que dice el Codex al respecto de los thumbnails?

Los tamaños de imagen predeterminados de WordPress son "thumbnail" (y su alias "thumb"), "medium", "large" y "full".

Estos tamaños de imagen se pueden configurar en la configuración de Ajustes, Medios. Si tu tema permite Post Thumbnails entonces "post-thumbnail" también está disponible y este es el valor predeterminado cuando se utiliza Post Thumbnails.

Estos son los tres tamaños de imagen predeterminados, que WordPress llama: miniatura, medio y grande. El tamaño de la miniatura tiene un ajuste especial para recortar en la dimensión exacta que se especifique.

Así se usan estos tamaños predeterminados con the_post_thumbnail():

// Sin parámetro -> Post Thumbnail (Según el tema por medio de set_post_thumbnail_size())
the_post_thumbnail();

the_post_thumbnail('thumbnail');       // Thumbnail (por defecto 150px x 150px max)
the_post_thumbnail('medium');          // Media resolución (por defecto 300px x 300px max)
the_post_thumbnail('large');           // Alta resolución (por defecto 640px x 640px max)
the_post_thumbnail('full');            // Resolución original de la imagen (sin modificar)

the_post_thumbnail( array(100,100) );  // Otras resoluciones

¿10, 4, 6 tamaños generados por el núcleo de WordPress? ahí está sembrada la duda.

Lo cierto es que el core genera una serie de tamaños predeterminados y el resto de tamaños adicionales son generados por el tema o plugins que los necesiten según sus particularidades, esto incluye a WooCommerce y las imágenes de Categorías y Productos.

Desde la versión 2.9 de WordPress, por ejemplo, se incorpora la Imagen Destacada (featured image), lo que añade un tamaño más a la lista de tamaños que se generan tras subir una imagen a la biblioteca de medios.

Luego podríamos añadir la Featured Mobile que es la versión de imagen destacada para dispositivos móviles (responsive), la Sidebar Thumb imagen miniatura de la zona "sidebar" y otras que se van generando en base al tema y plugins usados.

¿Es bueno usar imágenes grandes?

Contundentemente la respuesta es ¡No! y el uso y abuso de imágenes subidas directamente desde cámaras de dispositivos móviles, que disparan con resoluciones nativas muy altas que generan pesadas imágenes de 4, 8 y 16 Mb en el mejor de los casos, acabarán con tu Biblioteca de Medios saturada, tu espacio de disco en el Hosting bastante apurado y copias de seguridad de tamaños considerables por causa de estas imágenes.

Por utilizar imágenes de mayor calidad y resolución no vas a conseguir que se vean mejor en los navegadores y menos aún en los móviles.

Esto afecta al SEO, a tus visitas y a la carga de tu sitio:

• Tus páginas cargarán más lentamente, lo que podría espantar a los visitantes, principalmente a los que lo hagan desde dispositivos móviles (más del 50% de tu tráfico actual seguramente).
• El SEO de tu sitio se verá afectado negativamente pues la velocidad de carga de la página es un factor extremadamente importante.
• Además tus imágenes no tendrán nombres de archivo significativos o entendibles (por ejemplo: 20170313_212925.jpg).

Elimina imágenes no utilizadas en Medios

Entre las imágenes que tu subes a la biblioteca de medios, las que duplicas sin darte mucha cuenta, las que se generan en diferentes tamaños de la misma imagen, tu carpeta /wp-content/uploads acaba llenándose hasta ocupar tamaños considerables que pueden afectar al espacio de tu Hosting.

Existen plugins como DNUI con los que puedes localizar y eliminar esas imágenes que no son necesarias en tu instalación de WordPress sin que tengas que volverte loco buscando.

DNUI que es el acrónimo de Delete Not Used Image buscará imágenes de la base de datos e intentará encontrarlas en cada Post y Página, si una imagen tiene una referencia en un post o página, el plugin te dirá que se utiliza la imagen de forma que no la elimines.

Este plugin utiliza las siguientes tecnologías web:

• AngularJS 1.4.8 core, resource and animate
• Angular UI
• Bootstrap

Con el plugin puedes buscar si la imagen se usa en:

• Extractos (imagen de referencia o código abreviado)
• Publicar post/página (imagen de referencia o código abreviado)
• Borradores/Revisiones de Post/Páginas (imagen de referencia o código abreviado)
• Códigos Cortos (Shortcodes) (incluye la galería)

Un resultado devuelto por el plugin en el dashboard, tras ejecutarlo, sería similar al siguiente:

En este listado de imágenes detectadas con DNUI hay que centrarse en la columna Status ya que es la que nos indica que la imagen no está siendo utilizada y podemos optar por eliminarla manualmente, de una en una, o aplicar una acción conjunta (en bloque) y eliminar todas las que no se utilizan.

Llegado a este punto tengo que recordar la importancia de hacer una copia de seguridad de la biblioteca de medios de WordPress para no liarla parda.

¿Necesitas otros tamaños de imágenes?

Hay algunas soluciones para crear tamaños personalizados de imágenes en WordPress, que están documentados en el Codex de manera general para que te hagas una idea, pero si eres de los que meterle mano al código de WordPress le pone los pelos como escarpias, mejor que te decantes por usar algún plugin, de los muchos que existen, para crear tamaños adicionales de imágenes.

Yo me decanto por Simple Image Sizes, un plugin sencillo de utilizar y bastante eficaz, con más de 80 mil instalaciones a sus espaldas, que son indicador de que a otros les ha ido bien con este plugin.

Lo instalas y activas, te vas a Ajustes, Medios y de repente dispones de más cajas de tamaños adicionales para personalizar otros posibles tamaños que necesites.

Además dispones de la posibilidad de regenerar miniaturas de imágenes en la misma pantalla, más abajo, algo que debes utilizar siempre con cautela, no de forma arbitraria y realizando antes una copia de seguridad de WordPress o al menso de tu Biblioteca de Medios.

Esta funcionalidad de añadir nuevos tamaños de imágenes ¿es la panacea?, ¡pues tampoco! pero para casos puntuales en los que necesites tamaños extra y no quieras recurrir a overrides al tema, es una alternativa aplicable.

¡Optimiza, optimiza, optimiza!

Tan importante es que uses buenas imágenes, de calidad, originales, en tus post y páginas de WordPress, o en los productos de tu tienda WooCommerce (u otras), como que estén bien optimizadas, para mejorar los tiempos de carga sin que la calidad de las mismas se vea afectada.

• La dimensión de la imagen debe ser la que requiera el lugar donde vas a utilizarla y no mayor.
• El tamaño del archivo de la imagen debe ser lo más pequeño posible sin pérdida notable de calidad.

No es nada recomendable subir una imagen de 3000 o 5000 pixel para luego tener que redimensionarla a un tamaño menor en la Biblioteca de Medios.

Lo adecuado es optimizar el tamaño antes de subirla, de manera que se pueda usar sin escalar, ya sea a menor o a mayor tamaño, para no influir ni en su peso y tampoco en la proporcionalidad de la imagen.

• Una imagen grande escalada a un tamaño menor pesará lo mismo a la hora de cargar en pantalla.
• Una imagen menor escalada a un tamaño mayor se mostrará pixelada o con baja calidad en pantalla.

Si eres cliente de Webempresa puedes disfrutar de ImageOptimizer, una herramienta que optimiza todas las imágenes de tu Hosting sin afectar a su calidad y consiguiendo tamaños mucho menores que ayudarán a mejorar los tiempos de carga de las mismas en tu web.

ImageOptimizer - El optimizador de imágenes para clientes de Webempresa

Existen muchas alternativas online para optimizar las imágenes, como por ejemplo, TinyPNG, que vengo utilizando desde hace mucho tiempo para optimizar por ejemplo las imágenes de este Blog, de forma que no pierdan calidad y disminuyan su peso entre un 40 y un 70% de su peso dependiendo de la imagen y el tamaño.

TinyPNG - Compatibilidad con PNG inteligente y JPEG

En esta captura puedes ver varias imágenes con pesos diferentes pasadas por TinyPNG y el grado de compresión obtenido sin afectar a su calidad.

Además tienes plugins como Smush Image Compression and Optimization que te ayudan a mejorar tus imágenes comprimiéndolas y creando los diferentes tamaños requeridos por tu tema y/o plugins.

Uno de mis favoritos es Imsanity que ayuda a redimensionar las imágenes cuando las subes a Medios sin tener que pelearte con configuraciones complejas. Permite hacer un redimensionamiento masivos (bulk) de todas las imágenes de la biblioteca (¡ojo si tienes muchas imágenes porque pondrás a mil el servidor!).

Si eres de los que aún utiliza el formato .bmp (Windows) para las imágenes, con Imsanity podrás dejar que te las convierta a .jpg y debidamente escaladas.

Se trata de un plugin de esos que una vez instalas y configuras, te olvidas de él, ya que se encarga de hacer todo en segundo plano y dejarte trabajar en lo importante, tus publicaciones.

Por cierto ¿no seria mejor usar imágenes en post y páginas, pero que no estén alojadas en el Hosting? ..es que tengo poco espacio!! ..dice un cliente

Externalizar imágenes de medios en la nube

Buahhhh! pensaba que no me lo preguntarías :D

Siempre he pensado que esta es una buena solución para quien anda corto de espacio en el Hosting, o quien gestiona muchos sitios web en un solo Hosting, por ejemplo de 3GB, y necesita descargar un poco de espacio, que casualmente es el que ocupa /uploads con las taitantas mil imágenes de las que venimos hablando.

La nube, esa esponjosa e idealizada imagen que ronda nuestras cabezas, cuan páctica es en muchos casos ¡y este es uno de ellos!

Ya lo comenté tiempo atrás, explicando como insertar imágenes en los post, procedentes estas de Dropbox, aunque también puedes usar Google Drive, que para el caso es un CDN también y te puede servir de almacen de imagenes.

Utiliza en WordPress imágenes almacenadas en DropBox para tus post

Al final esto de las imágenes y los tamaños es como todo, requiere planificación, sentido común y dedicarle tiempo a leer antes de probar.

Y si te lanzas a la piscina para probar la regeneración de imágenes, el escalado, los mil y un tamaños diferentes ¡por favor! no lo hagas en tu web en producción, usa un clon o copia antes para experimentar, no sea que la lies parda y luego te acuerdes de mis ancestros. ヅ

¿Optimizas tus imágenes?, lo haces ¿manualmente o con plugins?, ¿haces copia de seguridad de tu Biblioteca de medios antes de experimentar? ...sea como fuere que lo hagas espero que ahora tengas un poco más clara la importancia de optimizar imágenes y usar los tamaños adecuados. Ya sabes eso de que "lo que no uses desinstálalo".

Antes de entrar en materia me gustaría recomendarte que escuches el podcast de Joan Boluda, encontrarás material muy interesante para desarrollar tu negocio online. ¡Y encima te vas a divertir un montón!

Después de escucharlo puedes pasarte por el listado de sus cursos, tiene un montón y de todo tipo, en los que de una forma directa y divertida te guía a través de diferentes áreas relacionadas con el desarrollo de un proyecto web: Analítica web, SEO, marketing online, productividad, CSS, PHP… ¡lo tiene todo!

A partir de hoy mismo, si eres cliente de Webempresa, tienes disponible en el Área de Cliente (en la sección de formación) un Curso SEO para WordPress creado por Joan.

15 videotutoriales en los que, tomando como guía el plugin Yoast SEO, te explicará las bases para mejorar tus posiciones en Google y evitar errores que pueden costarte caro.

Curso SEO para WordPress

1. Instalación y configuración inicial

En esta primera lección veremos cómo instalar y configurar Yoast SEO, y las principales características que nos ofrece este plugin.

1.1 - Instalando Yoast SEO

Vamos a empezar un interesante viaje en el que veremos todas las opciones de este fantástico plugin que nos ayudará a posicionar en Google.

Pero ojo, que no es oro todo lo que reluce, también tiene algunos puntos flacos, como veréis.

1.2 - Video extra: Activar opciones avanzadas

2: Títulos y metaetiquetas

Segunda entrega del curso de SEO para WordPress. Aquí aprenderemos a configurar la opción "Títulos y etiquetas meta" del plugin de Yoast.

2.1 Títulos y etiquetas general

En este capítulo seguiremos configurando el plugin de SEO de Yoast, concretamente todo lo relacionado con los títulos y las metaetiquetas. Como veremos en el vídeo, El título (title) es lo que aparece en la ventana del navegador, y la etiqueta meta está dentro del código fuente de la web, y es lo que Google usa como descripción para mostrar en la página de resultados.

En este video vemos como configurar la pestaña "General", la que nos sale por defecto.

2.2 Títulos y etiquetas home y blog

Empecemos pues configurando nuestra homepage. Lo haremos en la pestaña "Portada" del menú de Títulos y metas, que es la página inicial o la del del blog, según lo tengamos configurado.

2.3 Títulos y etiquetas tipo entrada

Momento ahora para configurar la pestaña "Tipos de entrada", o sea los Custom Post Types, o tipos de contenido.

Podremos establecer plantillas de títulos y descripciones gracias a variables que nos proporciona Yoast.

2.4 Títulos y etiquetas tipo taxonomía

Seguimos con la pestaña "Tipos de taxonomía", o sea, categorías, etiquetas y todas esas que tengamos creadas por plugins o funcionalidades del theme.

Es importante que pensemos muy bien las descripciones de las categorías, especialmente si tenemos un eCommerce, pues como hemos visto, son la forma de buscar por defecto de la gran mayoría de la población.

Así que olvidaros de plantillas, y escribid una descripción manual para cada una de ellas.

2.5 Títulos y meta etiquetas de archivos y otros

Finalmente, el cajón de sastre: Ciertas páginas de archivos, la página de búsqueda y la de error 404. ¿O es que no se merecen un título?

3. Yoast SEO y las redes sociales

Este apartado es especialmente interesante, pues nos permite incorporar lo que se llama el Open Graph, o las etiquetas sociales de Facebook, las Twitter Cards, que vendría a ser lo mismo, y la meta data de Google plus.

Como veis, incorporando esa información conseguimos una mayor presencia en las redes sociales en el caso de Facebook y Twitter, y una mayor visibilidad en el caso de Google, gracias a la fotografía del autor o editor. Y como habéis visto, configurar eso es fácil, simple y rápido.

Así pues, recomiendo que todos lo configuréis rápidamente, pues si no lo tenéis hecho, en 2 minutos lo tendréis, y podréis ver como las visitas que recibís de redes sociales aumentan por ese simple hecho :)

4. Sitemaps para WordPress

Los sitemaps son un listado de todas las páginas (URLs) que conforman nuestra web, que le pasamos a Google para facilitarle el trabajo de indexación.

Esto sería una tarea de locos, pero por suerte ese listado no tenemos que hacerlo manualmente, sino que gracias a una funcionalidad del plugin, ese archivo se crea y modifica automáticamente a medida que vamos añadiendo o quitando contenido. Vamos a verlo en acción en este vídeo.

5. Enlaces permanentes o permalinks

Los enlaces permanentes son ni más ni menos que las URL de cada página que conforman la web. Por ejemplo, esta página tiene esta URL: https://boluda.com/curso/seo-para-wordpress/5-enlaces-permanentes-o-permalinks/ Los ajustes que veremos en la clase de hoy nos permiten hacer algunas modificaciones a estas URLs, para modificarlas según nuestras preferencias.

Como podéis ver, la configuración es bastante simple, pero debes saber lo que tocas.

Y sobretodo, sobretodo (en serio, esto es muy importante), si tocamos cualquier estructura de URLs en una web ya indexada, deberemos realizar las redirecciones 301 para cada una de ellas, o Google nos desindexaría, si sólo detecta un error 404.

6. Rutas de exploración

Ruta de navegación, hilo de Ariadna, migas de pan o breadcrumbs, llamémosle como queramos. El caso es que nos referimos a esos enlaces que suelen aparecer arriba a la izquierda que nos indica dónde estamos.

Aunque no son siempre recomendables, están genial en casos en los que la web tiene varios niveles de profundidad, como eCommerce con departamentos de productos, o webs con mucho contenido jerarquizado.

7. Modificando los feeds (RSS)

Hoy veremos como podemos modificar nuestro RSS, o sea, nuestros feeds, para que nadie se copie nuestro contenido sin darnos crédito. Como evitar la copia es imposible, al menos vamos a forzar un enlace hacia nuestra web.

Como cuento en el video, los feeds son una herramienta muy útil y importante para conseguir suscriptores.

Pero también es la forma más fácil para que los piratillas nos copien el contenido. Gracias a esta útil herramienta de Yoast, nos ahorramos problemas :)

8. Editar TITLE y DESCRIPTION en bloque

Aquí aprenderemos a utilizar el "bulk editor" o editor "en bloque" de Yoast.

Básicamente se trata de un editor en el que podemos modificar la etiqueta TITLE y la metaetiqueta DESCRIPTION de todas nuestras páginas, entradas, productos, etc. de una forma fácil y rápida.

9. Editar Archivos en WordPress SEO

En este video aprenderemos a usar el editor de archivos que incorpora el plugin (básicamente para modificar robots.txt y .htaccess), y también veremos por qué NO deberíamos usarlo para modificar el archivo .htaccess.

Como veréis, estos editores son muy limitados, y de las cosas que personalmente yo quitaría del plugin. Así como también los anuncios del Sr. Yoast, que ya habéis visto como eliminar de la faz del panel de control.

Finalmente, las opciones de importación y exportación nos serán muy útiles en el caso que seamos implementadores de WordPress, ya que seguramente trabajaremos frecuentemente con este plugin, y esto nos ahorrará unos minutos preciosos.

10. SEO en el editor de posts y páginas

Hoy veremos como utilizar la metabox que aparece en las páginas, entradas categorías, etiquetas, y en otros tipos de custom post types y custom taxonomies.

A diferencia del resto de opciones, esas no están en el menú, sino que las encontramos desperdigadas por varias páginas de nuestro WordPress.

Ya lo habéis visto. No os debéis preocupar por "el semáforo de Yoast", porque no deja de ser una serie de comprobaciones automáticas que hace un plugin, para comprobar que no nos dejamos nada. Pero ya veréis como a largo plazo, cuando ya tengáis vuestro propio estilo, dejaréis de usarlo, e incluso lo desactivaréis.

Creo que te gustará este nuevo curso y que, al igual que me ha sucedido a mí, te vas a enganchar a Joan.

Si es así, y quieres seguir disfrutando de forma ilimitada de todos sus cursos podrás hacerlo suscribiéndote a su programa formativo.

Por solo 10€ al mes tendrás acceso a todos sus cursos (963 clases y 1445 vídeos) y también se incluyen los plugins usados en cada curso y la posibilidad de recibir respuesta a dudas o problemas sobre WordPress.

¡Un planazo!

PrestaShop 1.6.1.12

PrestaShop es un gestor de contenidos (CMS) gratuito, para la gestión de Tiendas online compatible con las pasarelas de pago más conocidas.

Requisitos de PrestaShop 1.6.1.12:

• Servidor web: Apache 1.3, Apache 2.x, Nginx o Microsoft IIS.
• PHP 5.4 o superior (recomendado 5.6 a 7.1) instalado y habilitado.
• MySQL 5.0 o superior instalado con una base de datos creada.
• memory_limit = 64M (o un valor mayor)
• upload_max_file_size = 16M (o un valor mayor)
• Extensiones de PHP: GD, cURL, SimpleXML, SOAP

Puedes consultar la Lista de Cambios en detalle de esta versión antes de actualizar PrestaShop.

A tener en cuenta si actualizas desde versiones 1.6.1.4 o anteriores:

Las versiones de PrestaShop, desde a 1.6.1.4, sufrieron actualizaciones en el tema default-bootstrap y en algunos casos al actualizar a la versión 1.6.1.12 se puede desmontar el frontal de la tienda.

Esto puede suceder con todas formas de actualizar, o sea, automáticamente con programas como Softaculous (cPanel), con el módulo de "Actualización en 1-clic" y por subida de archivos de la nueva versión por FTP.

¿Cómo puedes evitarlo?

Por supuesto, realizando siempre primero una copia de seguridad completa desde tu Panel de Hosting.

1. Ve a Parámetros Avanzados, Desempeño.
2. Limpia la caché (botón superior derecho).
3. Deshabilita los siguientes tipos de caché:

• Smarty: No
• Combinaciones CCC: No
• Comprensión de Caché: No
• Opciones de Caché / Usar Caché: No

Nota No actives la Caché Inteligente para CSS o JavaScript.

Descarga PrestaShop 1.6.1.12

Instala o actualiza el módulo Actualización 1-click para poder actualizar a la última versión con facilidad y rapidez.

En el siguiente vídeo puedes repasar el proceso de actualización de PrestaShop a la versión estable usando la opción del backoffice, Parámetros Avanzados, 1-Click Upgrade

• Clonar una instalación de PrestaShop a otra carpeta del Hosting

Si actualizas desde la versión 1.6.1.11 este proceso no debe presentar problemas o errores, pero si actualizas desde versiones muy antiguas, como 1.6.0.x presta atención a los módulos y a tu tema y verifica que sean compatibles con la nueva versión.

A lo largo de este artículo (también puedes tomarlo como un mini-curso) vamos a hablar de 6 fases principales en la creación de cualquier sitio web con WordPress:

1. Fase de instalación
2. Fase de protección
3. Fase de configuración
4. Fase de optimización
5. Fase de conexión
6. Fase de lanzamiento

Dentro de cada fase, te explicaré una serie de tareas a seguir, y cómo hacerlas. Al final de cada fase, podrás ver dichas tareas resumidas en un vídeo explicativo.

VENTAJAS DE UNA CHECKLIST EN WORDPRESS

Antes de nada, me gustaría que entendieras las ventajas de por qué es necesario tener un buen checklist en WordPress:

• Prevenir sorpresas: tanto si tu proyecto es pequeño como si se extiende más de lo normal, no es necesario aprenderse de memoria todas las tareas pequeñas (pero igual de importantes). Este checklist pretende estar ahí siempre que quieras y no tengas que saltarte ningún paso.
• Proteger tu reputación: si realizas todas las tareas citadas en este artículo, te asegurarás de que nada se te quede en el tintero y tu cliente no pueda reprocharte nada después.
• Ahorrarte dinero: podrás evitar el tener que pagar a alguien (diseñador, desarrollador, etc) por un trabajo o problema que podrías haber previsto desde el principio. Sobretodo en las fases de protección y configuración.

Pasamos ya a hablar de cada una de las fases. En el PDF que encontrarás al final de este artículo, podrás descargarte todo el Checklist de WordPress y verás que he asignado a cada una de las tareas un nivel de dificultad (Fáciles, Moderadas y Avanzadas) y cómo de necesarias son según qué tipo (Necesarias, Recomendadas y Opcionales). Te recuerdo que si no tienes suficiente con la breve descripción de cada tarea, en el vídeo tutorial que encuentras al final de cada fase, te explico cómo hacerlo.

A continuación te describo brevemente cada tarea del checklist, y en qué fase se encuentra.

1. FASE DE INSTALACIÓN

Preparar las herramientas necesarias

Aquí será recomendado que tengas una serie de software preparado para todas las tareas que tenemos que llevar a cabo. Si eres usuario básico, te recomiendo tener a mano el Notepad. Si eres un usuario más avanzado, el editor que te recomiendo es Sublime Text. Para ambos niveles, necesitarás FileZilla para usar el FTP.

Comprar y configurar dominio y hosting

Dado por hecho que entiendes la diferencia entre WordPress.com (parte comercial de WordPress) y WordPress.org (Archivos Open Source de WordPress), ten preparado un buen dominio y un paquete de hosting (servidor) que se adapte a lo que vayas a necesitar (compartido, VPS, etc), dependiendo de cómo de grande vaya a ser tu página, y las visitas que esperes conseguir a tu web.

En cualquier caso, el servidor que elijas debe cumplir como mínimo estas características técnicas, sacadas de la propia página de WordPress.:

• PHP 7 o superior
• MySQL 5.6 o superior
• Tener activado el módulo mod_rewrite Apache
• Soporte HTTPS

Configurar email a utilizar

Atrás espero que quede el uso de emails no corporativos (terminados en @gmail.com, @hotmail.com... etc). A nivel de marketing, considero necesario que configures una cuenta de email tipo algo@tudominio.com y que si quieres rizar el rizo, tengas Google GSuite (antiguo Google Apps) configurado para dicha cuenta de email. (Pues usaremos Google Analytics, Google Webmaster Tools, algunos querrán usar Google Adsense, Google Adwords... etc).

Configurar cuenta FTP en FileZilla

La información necesaria para configurar FileZilla la encontrarás en tu cuenta de hosting, en cPanel. Incluso cPanel permite descargar la configuración e importarla directamente en FileZilla para que se configure automáticamente. Si no sabes todavía que es FTP, puedes satisfacer tu curiosidad aquí.

Crear/configurar cuenta de Google y Gmail

Esto lo recomiendo a nivel personal. Puesto que es Google quien brinda las mejores herramientas para hacer crecer tu sitio web, no solo a nivel de SEO, si no a nivel de analítica de visitantes, publicidad, marketing y optimización. Lo ideal es que inviertas un poquito en una cuenta de Google para profesionales (Google Suite).

Configurar una cuenta de FeedBurner

Configura una cuenta de FeedBurner (para los RSS de tu web) con tu cuenta de Google. La ventaja de esto es que tendrás estadísticas y diferentes herramientas para tu feed de WordPress.

Configurar lista de mailing

Configura una lista de direcciones de correo electrónico a las que les vas a enviar tus campañas de marketing con contenido realmente atractivo y/o útil. Seguramente los conocerás, pero por si acaso te recomiendo utilizar cualquiera de estos servicios:

• www.mailrelay.com
• www.mailchimp.com
• www.getresponse.com

Configurar cuenta de monitorización web

Hay un servicio muy bueno y gratuito para asegurarte de que el sitio web que hayas construido esté online el máximo tiempo posible. Actualmente, cualquier hosting decente asegura que tu sitio web estará disponible más del 99% del tiempo, pero nunca está de más tenerlo monitorizado. Échale un ojo a este servicio.

Preparar la instalación de WordPress

En este paso, tienes que recopilar todos los archivos necesarios para instalar WordPress. Recuerda que siempre tienes que descargar la última versión disponible, para evitar sorpresas a nivel de seguridad.

Crear una base de datos y un usuario asociado

Entra dentro de tu panel de administración en el servidor, y ve al apartado de bases de datos. Crea una, y asóciala a un usuario nuevo o ya existente. Ten a mano los datos para la instalación de WordPress. Aquí tienes cómo crearla con cPanel o con phpMyAdmin.

Proteger usuario administrador en la instalación

Cuando estés instalando WordPress, no utilices admin como nombre de usuario. Es lo primero que intentarán adivinar si intentan acceder a tu web. Recuerda que siempre puedes cambiar el usuario de admin en el panel de administración de tu web.

Instalar WordPress manualmente o con instalación 1 click (cPanel)

Ante todo, decide si quieres instalar WordPress directamente bajo tu dominio www.tudominio.com o si lo usarás dentro de una carpeta dentro del mismo (www.tudominio.com/nombrecarpeta). Es entonces cuando debes iniciar la instalación manual de WordPress (durante la cual usarás la información de la Base de Datos creada anteriormente) y acceder al panel de administrador. (También puedes usar la instalación en un click que ofrece cPanel o parecidos, pero personalmente recomiendo hacerlo manualmente).

Probar login de administrador

Accede a tu nueva instalación de WordPress, para comprobar que se ha instalado correctamente con el usuario configurado.

Revisar URLs de la instalación de WordPress

En Ajustes > General, puedes revisar si las URLs están correctamente configuradas. Normalmente van a estar configuradas bien.

Revisar nombre del sitio y tagline

Da el nombre que consideres oportuno para tu nueva web. Lo importante es que no dejes el texto que viene por defecto con la instalación.

Revisar zona horaria

Parece un detalle sin importancia, pero esto es necesario para que la fecha y hora de tus posts aparezcan correctamente según dónde vivas. (imagina que ofreces noticias de última hora en tu blog. No querrás que aparezcan como publicadas 12 horas después de que sucedieran).

Configurar servicio ping

Para aumentar el tráfico a tu sitio web, WordPress envía un ping (una llamada) a determinados servicios cada vez que creas contenido nuevo en tu página. Normalmente con dejarlo con la configuración por defecto en Ajustes >Escritura está bien, pero puedes añadir otros servicios ping como los que aparecen en la web de WordPress.

Borrar todo el contenido de ejemplo

Borra todo el contenido que viene por defecto con la instalación de WordPress en páginas, posts y comentarios. Mejor empezar con la casa limpia.

Configurar permalinks

Tanto a nivel de SEO como a nivel de experiencia de usuario, querrás que tus permalinks (lo que va detrás del dominio en cada página de tu web) luzcan bien. No es lo mismo un /?p=322 que un /nombre-del-post. Las opciones se encuentran en Ajustes > Permalinks y lo más recomendable es poner %post_id%/%postname%/ en la configuración.

Revisar ajustes de Media

Las opciones del multimedia (fotos, vídeos, etc) suele ser también algo que no se toca demasiado al instalar WordPress por primera vez. Puedes, eso sí, desmarcar la opción de organizar por años, para que luego puedas encontrar tu multimedia más fácilmente.

Crear archivo Robots.txt

Google envía a sus soldaditos en forma de arañitas (crawlers de contenido) que indexan tus páginas y se mueven entre enlace y enlace. Lo que hace un archivo robots.txt es darles la bienvenida cuando entran a la web, y guiarlas por dónde tú quieras que pasen, ocultándoles partes de tu web que no te interesa que se posicionen o que se indexen.

Crear / subir nuestro logo

Si no lo tienes ya diseñado o creado (y en uso), puedes crear un logo sencillo con programas como Illustrator. La tendencia de logos de este año son palabras con una tipografía bonita, y de aspecto sencillo. De entre los primeros archivos multimedia que subas a la web, recuerda que el logo tiene que ser una de ellas, y con todos los apartados de multimedia rellenos (Titulo, descripción, alt, etc).

Crear / subir favicon

Una vez ya tienes el logo subido, crea un favicon a partir del mismo. El favicon es el iconito que se ve en la pestaña del navegador, antes del título. Por ejemplo, en Facebook sería la f con fondo azul. Hay herramientas gratuitas para crear tus archivos favicon con formato correcto (favicon.ico) a partir de una imagen en jpg o png. También existen plugins para cumplir esta acción, pero puesto que es algo puntual que se hace al principio, mejor usa algo externo para no recargar tu web de plugins.

Dar de alta el RSS en FeedBurner

Gente que lea blogs o noticias en lectores de RSS como Feedly (el más famoso) querrá encontrar tu web fácilmente. Además si te registras en FeedBurner podrás tener estadísticas sobre la gente que te lee por RSS. Un consejo, marca la opción de mostrar texto completo en Ajustes > Lectura pues suele ser mejor aceptado que si hay que visitar tu web cada vez.

Configurar editor visual individual o general

Hay veces en las que no querrás que determinados usuarios usen el editor visual para dar formato a sus mensajes. Puedes desactivarlo tanto individualmente para usuarios específicos, o en general para todo el sitio con este plugin.

2. FASE DE PROTECCIÓN

Cambiar nombre al administrador (si no se ha hecho ya)

Si durante la instalación no has usado otro nombre y has dejado admin como usuario administrador por defecto, es momento de corregir ese error con este plugin.

Crear contraseña segura para administrador

Esta es una medida de seguridad básica pero muy importante. No caigas en la tentación de crear contraseñas fáciles de recordar tipo qwerty1234 o parecidas. Usa un generador de contraseñas y almacénala en sitio seguro.

Configurar claves únicas de nuestro sitio

Las claves únicas hacen que tu sitio web sea más difícil de hackear. Dichas claves se encuentran en el archivo wp-config.php y puedes actualizarlas cada cierto tiempo usando este plugin.

Borrar archivos de instalación de WordPress

Puedes borrar los archivos siguientes, para añadir una capa más de seguridad a tu web:

• install.php en la carpeta de wp-admin.
• readme.html en la carpeta principal de tu web (root).

Borrar la versión de WordPress

Aunque siempre tienes que intentar usar la última versión de WordPress cada vez, los hackers pueden encontrar información útil sobre tu versión de WordPress de manera fácil. Puedes borrar dicha información con este plugin.

Protegerse contra ataques de inyección en SQL

Los ataques por inyección de SQL intentan encontrar fallos en tu base de datos para poder atacar tu web. Con este plugin podrás identificar dichos fallos y estar mejor protegido.

Cambiar el prefijo de la base de datos de WordPress por defecto

Si durante la instalación, no has elegido una base de datos con un prefijo que no sea "wp_", ahora es el momento de cambiarlo. Este plugin no está mal, y puede ayudarte en este aspecto.

Actualizar configuración htaccess

Tener un archivo htaccess bien configurado, es garantía de seguridad en tu sitio web. Este plugin te ayuda.

Añadir una monitorización de archivos

Si por lo que sea, un hacker consigue entrar en tu sitio web, puede realizar cambios en archivos, y no te vas a dar cuenta de ello. Hay un plugin muy bueno que te avisa por email cada vez que se modifica algún archivo que normalmente no se tiene que modificar.

Reducir el Spam

Hay que ser realistas, cada vez es más difícil eliminar el spam al cien por cien. Al menos, intenta combatirlo de una manera efectiva con el plugin de Akismet.

Revisar la configuración de comentarios

Revisa que los visitantes tengan que tener un comentario previo aprobado, o estar logueados, para poder comentar. Esto va a reducir bastante el spam.

Prevenir la recuperación de password forzado

Una manera de intentar hackear tu sitio web sería un ataque por fuerza, para intentar adivinar la contraseña del administrador. Este plugin puede ayudarte a evitar dichos ataques.

Crear un backup periódico

El tener tu sitio configurado con una copia de seguridad periódica, es algo primordial hoy en día, y todo el mundo ya entiende por qué. En mi opinión, uno de los mejores plugins/servicios para hacer backups es el de BackupBuddy.

NOTA: Puesto que este post pretende mencionar los aspectos de seguridad más importantes para cubrir, y no hacer un post específico de seguridad para WordPress, os invito a que echéis un vistazo a estos artículos sobre seguridad en WordPress, muy completos y muy fáciles de entender.

• Códigos útiles .htaccess para sitios web
• Stop a los ataques de fuerza bruta
• Personalizar acceso wp-admin
• Aumenta la seguridad en WordPress

3. FASE DE CONFIGURACIÓN

Planear taxonomía del sitio

La taxonomía del sitio es cómo quieres que se reparta el contenido, dividido en categorías, tags, posts... etc. No obstante, recuerda que puedes crear tu propio tipo de contenido, más allá de lo que viene por defecto con WordPress, con el plugin de custom post types, o custom taxonomies.

Mejorar los errores 404

Una página por defecto de error 404 (cuando no se encuentra contenido en tu web) es muy sosa. Crea una personalizada con este plugin.

Configurar contenido relacionado

Para enganchar bien a tu lector y que tarde en abandonar tu web, engatúsalo con contenido relacionado al post que esté leyendo en ese momento. Mírate este plugin.

Instalar plugin de mantenimiento

Si hay un periodo en donde vas a realizar cambios importantes en la web, y no quieres que los visitantes vean cómo lo vas cambiando todo, es recomendable poner la web en modo "mantenimiento". Lo más recomendable es hacerlo offline en un clon de tu web en pre-producción, y luego subir el nuevo contenido a la versión en producción (pública), pero si no te quieres complicar, usa este plugin.

Añadir página de contacto

Algo fundamental y en lo que no me extenderé. Puedes usar un plugin de pago tipo Gravity Forms, o uno gratuito como Contact Form 7. Recuerda configurar que te avise cada vez que alguien rellene le formulario, y añade un captcha para evitar Spam.

Añadir página de contenido con carácter legal

En este apartado deberías de tener redactado páginas sobre los Términos y Condiciones de tu web, así como la Política de Privacidad. Si estás dentro de la UE, también tienes que hacer hincapié en la advertencia de uso de cookies en tu web. Esto es importante sobretodo si tienes una tienda online, o usas Google Adsense en tu web.

Crear mapa del sitio

Algunos visitantes quieren tener a mano siempre un "mapa" de tu sitio, para saber dónde hacer click y encontrar la información más rápidamente. Crea un mapa de tu sitio con este plugin.

Definir usabilidad básica del sitio (CAT, columnas, contenido...)

Una llamada a la acción (Call to Action) es imprescindible en tu página de inicio. Puede ser un formulario, un carrito de compra, una suscripción, etc. Piensa bien el objetivo que tienes con tu web, y haz bocetos a mano de cómo quedaría plasmado, de una manera sencilla y con buena organización en columnas, apartados, colores, etc. Una vez lo tengas claro, ya puedes empezar a construirlo en versión web.

Instalar el tema/framework que queramos utilizar

Siempre recomiendo usar el framework de Genesis (Studiopress), pero dependiendo de la envergadura de tu proyecto, puede que con una plantilla sencilla (evita Themeforest) te baste. Es momento de instalarla ahora.

Activar el Child Theme o tema hijo de esa plantilla/framework

El child theme o tema hijo, es en donde vamos a aplicar los cambios estéticos, y que no van a interferir en las actualizaciones de la plantilla o framework que estemos usando. por eso, intenta siempre utilizar plantillas que vegan con un tema hijo preconfigurado, aunque siempre puedes crear uno tú mismo.

Configurar el tema/framework elegido

Explora todas las opciones que tiene la plantilla o framework que hayas escogido, y adáptalas a tus necesidades.

Testear el tema/framework con contenido de prueba

Pincha por todos los lados, revisa de cabo a rabo tu sitio web tal y como está con esa plantilla o framework. Mejor encontrar errores ahora y poder cambiar, a tener que hacerlo cuando tengamos mucho contenido subido.

Testear adaptación a móviles y tablets

Es fundamental hoy en día que tu web se adapte a dispositivos con pantalla pequeña o mediana. Puedes usar esta web, para juguetear con diferentes tamaños de pantalla y ver que todo está en orden.

Añadir versión móvil de la web

Si tienes una web en la que esperas tener muchas visitas desde móvil, quizás te interesa tener una versión móvil de tu web (que no es lo mismo que la web se adapte a móviles). Echa un vistazo a este plugin.

Linkar logo a la página de inicio

Por muy obvio que parezca, merece la pena mencionarlo. Es muy frustrante a nivel de usabilidad, que cuando pinchas en el logo, no te dirija a la página de inicio. Revisa que tu web lo haga.

4. FASE DE OPTIMIZACIÓN

Configurar SEO

Aquí hay muchas posibilidades de configuración, pero yo sin dudarlo siempre instalo Yoast SEO.

Optimizar imágenes a utilizar

En lugar de subir a un post una imagen que ocupe mucho espacio, es mejor si la optimizas antes de subir. Esta herramienta online te puede ayudar a reducir tamaños de imágenes individualmente o en grupo. Otra opción también puede ser TinyPNG.

Revisar alt de las imágenes

Cuando una imagen no se carga al entrar en una página, el contenido del alt (alternative) de la imagen aparecerá en su lugar. Por cuestión de SEO y de Accesibilidad en tu web, lo ideal es que todas las imágenes tengan un buen contenido en el alt. Lo puedes encontrar al pinchar en cualquier imagen, dentro de la sección de Multimedia.

Añadir popup para promocionar lista de emails o productos

Hay gente que les gusta más y gente que no los suele utilizar. A mi me gusta usarlos en cierta medida, sin pasarse. Recomiendo Opt In Monster.

Dar la bienvenida a nuevos visitantes

En los detalles es en donde se marca la diferencia. Si lo deseas puedes dar la bienvenida a los usuarios que se registren en tu web/tienda por primera vez. Sería el mejor momento de ofrecerles un regalito tipo descuento, o ebook gratuito. Échale un vistazo a este plugin para ayudarte.

Crear landing page de ventas

Si el proyecto web que estés creando requiere una página específica, con un objetivo específico (por ejemplo recopilar emails a cambio de un regalo, o compartir un producto en redes sociales, etc) lo ideal es tener una página que no tenga elementos que distraigan al visitante del objetivo principal. Una landing page bien diseñada cumplirá con este fin.

Añadir traducciones en varios idiomas

Si necesitas varios idiomas en tu web, lo más recomendable desde mi punto de vista es usar un plugin potente para traducir absolutamente todo de tu web. Usa WPML. Ojo, si tu web cumple diferentes funciones dependiendo de en qué país se visita, quizás te interese más crear varias instalaciones de WordPress, y mantener cada página con un contenido e idioma diferentes. (ejemplo: Amazon.es, Amazon.com, Amazon.co.uk... etc).

Integrar una plataforma de eCommerce

Si creas una tienda online, no me extenderé mucho en este punto. Usa WooCommerce (recién actualizado a su versión 3).

Limpieza periódica

Esta parte va sobretodo enfocada a la limpieza de plugins. Pese a que estoy recomendando muchos plugins en este artículo, lo ideal es usar cuantos menos plugins mejor, e intentar hacerlo todo por código. Pero puesto que eso puede salir muy caro, un plugin puede cumplir su función correctamente. Lo que recomiendo es activar los plugins solo cuando los vayas a usar, y borrarlos si no los usas.

Borra también las páginas que no estés usando en tu web, así como los posts en borradores, temas que no utilices, etc.

Testear web en diferentes navegadores

A pesar de que Internet Explorer es un mutante que todavía da muchos problemas con muchas páginas web, usa esta página para entrar a tu web desde diferentes navegadores al mismo tiempo, e intentar que se vea en la mayoría de ellos.

Hacer un chequeo de seguridad final

No está de más tener un plugin que te ayude con la seguridad en general de tu sitio, y haga tests periódicos. Yo siempre recomiendo WordFence.

Añadir contenido deseado

Esta parte es la más importante. Una vez ya tengas en papel cómo quieres tu web, su estructura y dónde va a ir cada parte de tu contenido, es momento de subirlo. Tómate tu tiempo, y revisa que todo se suba correctamente y de manera organizada.

Revisar formato y tipo de contenido

Desde sus últimas versiones, WordPress incluye por defecto diferentes tipos de artículos y contenido en general. Revisa que todo esté como lo habías planeado, y si es necesario, usa custom post types como hemos mencionado anteriormente.

Añadir formato para imprimir

Aunque soy muy fan de salvar árboles, es interesante que tu contenido pueda presentarse impreso de una manera elegante y ordenada. Este plugin cumple esa función.

Revisar textos e imágenes de contenido

Revisa que todo tu contenido esté bien redactado, y que las imágenes estén optimizadas y sean atrayentes.

Revisar SEO de dicho contenido

Aunque el plugin de Yoast SEO te va a ayudar mucho, recuerda siempre revisar los aspectos básicos en cada post o página:

• Que los títulos tenga menos de 70 caracteres.
• Que se incluyan palabras clave en los títulos.
• Que los meta-descriptors tengan menos de 156 caracteres.

Revisar que no haya enlaces rotos

De vez en cuando usa este plugin para que busque en todo tu contenido enlaces rotos o que terminen en errores 404.

Revisar velocidad del sitio

Haz un test de velocidad a tu página. Usa tanto Pingdom como Google Page Insights. Fíjate en los errores que aparezcan e intenta subsanarlos todos.

Revisar que las redes sociales tengan contenido y sean vendibles

No recomiendo a nivel de usabilidad incluir el contenido de redes sociales a modo de widget en tu web. (la típica columna de tus últimos tweets). Lo único que hace es desviar la atención del objetivo principal de la web (vender, suscripciones, etc) y además hace que tarde más en cargar. Te recomiendo poner simplemente iconos a las redes sociales, y que, por favor, dichas redes sociales tengan contenido ya establecido, que no estén vacías o con poca o ninguna actividad. ¡Cada clic cuenta!

Revisar que todos los plugins, plantillas y Core de WordPress estén actualizados

El título lo dice todo. Si todo está al día, mejor. Si alguna vez encuentras incompatibilidades entre un plugin y una plantilla, da prioridad a la plantilla hasta que se actualice el plugin. Siempre da prioridad al core de WordPress en todo caso.

Mejorar rendimiento (caché)

Cuando tengamos todo el contenido preparado, es tiempo de crear una "copia" en caché, para que se cargue más rápido cuando alguien te visite más de una vez. Te recomiendo el famoso plugin W3 Total Caché.

Desmarcar ocultar de motores de búsqueda en Ajustes

Parece que no, pero a mucha gente se le olvida desmarcar esta opción en los Ajustes>Lectura>Visibilidad en motores de búsqueda.

5. FASE DE CONEXIÓN

Añadir nuestro sitio web a Google Webmaster Tools (y subir el sitemap)

Como tenemos ya una cuenta de Google, en este paso podemos dar de alta nuestra web en GWT. Es como decirle a Google que ya puede indexar nuestra página. Además hay varias herramientas que pueden ser muy útiles.

Configurar Google Analytics

Si queremos analizar cómo nos visitan, también configuraremos de una manera bastante sencilla, el fabuloso y gratuito Google Analytics.

Habilitar compartir contenido en redes sociales

Que alegría nos da cuando un visitante comparte nuestro contenido en redes sociales. Pónselo fácil y utiliza el plugin de Monarch. (en mi opinión el más completo).

Añadir integración con lista de email

Es tiempo ahora de integrar tu web de recién creación con tus listas de email marketing de tu software de envío de emails.

Configurar Google Adsense u otro modo de publicidad (banners, etc)

Si tu modelo de negocio se basa en el ingreso de dinero por publicidad, ahora es el momento de configurar Google Adsense o añadir los banners que tengas planeados.

Revisar que todos los emails se envían correctamente a los usuarios

Realiza test con cuentas ficticias y verifica que los emails se envían correctamente y que no llegan por ejemplo, a la carpeta de spam.

Revisar que los formularios funcionan

Revisa que los formularios funcionen como deben, y que envíen emails tanto al usuario (con un resumen de su petición) y una notificación para ti.

Testear RSS

Revisa que tu web se lea bien en lectores de RSS.

Conectar con sistema de monitorización web

Es tiempo ahora de añadir tu web a la página de monitorización web que hemos comentado al principio.

Conectar con CDN

Si usas un CDN para que tu contenido se cargue de una manera más rápida (lo ideal para web grandes), ahora es el momento de conectarlo. Normalmente en cada servicio de CDN te explican cómo conectarlo con WordPress.

6. FASE DE LANZAMIENTO

Si eres autónomo y estás haciendo webs para un cliente, esta es, sin duda, la parte más divertida para ti. Si no es tu caso, este apartado te servirá para exigir una buena entrega de trabajo a la persona que contrates.

Compilar documentación

Recopila en un documento con buena apariencia y con tu imagen corporativa toda la documentación necesaria para tu cliente. (contraseñas, usuarios, cuentas de FTP, acceso al servidor, cuentas en páginas de plugin premium utilizados, etc).

Transferir licencias

Si has configurado la web con la licencia de uso propia, y no quieres compartirla con el cliente, es tiempo de cambiarla por la suya (recuerda siempre ser transparente y mencionar los plugins premium que vas a utilizar y su coste, para evitar problemas luego).

Programar seguimiento con cliente

Realiza alguna que otra reunión o email periódico con tu cliente, para ver qué tal le está funcionando la web y si necesita soporte o mantenimiento por tu parte.

Enviar factura

Prepara tu factura previamente acordada, y envíasela. Recuerda enviar un justificante de pago cuando te la abone.

Añadir sitio web al portfolio

Añade la fantástica web profesional de WordPress que acabas de realizar a tu portfolio, y mantén la cabeza bien alta con tu trabajo.

Y esto es todo en cuanto al checklist que siempre utilizo en mis trabajos de WordPress, y el cual espero te sirva a ti también. ¡Nos vemos en el siguiente artículo!

Actualizar a WordPress 4.7.4

Los pasos para actualizar a WordPress 4.7.4 son sencillos y seguirlos te permitirá realizar el proceso fácilmente y sin dejar tu sitio con errores 500 o inaccesible por no haber tomado precauciones.

• Realiza una copia de seguridad antes de actualizar.
• Comprueba que tu Tema es compatible con la nueva versión de WordPress.
• Si usas un constructor (builder), comprueba que es compatible con la versión nueva de WordPress.
• Si tienes actualizaciones de plugins y temas pendientes ¡hazlas! antes de actualizar WordPress
• Deshabilita aquellos plugins que no utilices (lo mejor es que los desinstales).
• ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, iThemes Security, Sucuri, etc) ¡desactívalos antes de actualizar!
• ¿Trabajas con Visual Composer como constructor? comprueba en la web de WPBakery Inc. que han actualizado el constructor para compatibilizarlo con WordPress 4.7.4 ¡prueba antes en un clon o una sandbox!
• Comprueba que tus otros plugins activos son compatibles con la nueva versión.
• ¿Has hecho cambios en tu tema?, exporta tu tema en formato .zip antes de actualizar y usa temas hijo (child themes).
• ¿Trabajas con plugins como Move Login, etc.?, desactívalos, como medida de precaución para evitar quedarte sin acceso.
• ¿Trabajas con el tema y framework Genesis?, comprueba que es compatible con WordPress 4.7.4
• Si utilizas la última versión de XCloner comprueba que la versión estable es compatible con esta actualización de WordPress.

Actualizaciones:

Si al acceder al dashboard de WordPress ves el siguiente mensaje en Escritorio, Actualizaciones, entonces es que tu núcleo ya se actualizó automáticamente y no necesitas realizar ninguna acción, salvo comprobar que todo funciona bien ¡claro!

Tienes la última versión de WordPress. No es necesario actualizarla. Las siguientes actualizaciones de seguridad se aplicarán automáticamente.

Si accedes al dashboard y tienes pendiente la actualización si deberías ver este aviso en Escritorio, Actualizaciones.

Accede al dashboard de tu WordPress, Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web al haber hecho clic en otro elemento del dashboard de tu web mientras se actualizaba WordPress.

En WordPress 4.7.4 (funcionalidad nativa desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática a la nueva versión ! a menos que lo tengas deshabilitado claro.

Consulta la Lista de cambios en WordPress 4.7.4.

En el siguiente vídeo puedes ver que actualizar entre versiones es muy sencillo

Recuerda mantener tu núcleo, temas y plugins actualizados.