¿Como pasar la itv a tu blog de WordPress?

31
¿Cómo pasar la ITV a tu blog en WordPress ? Apariencia, rendimiento, botones social media, comentarios, widget, plugins... Todo lo que necesitas para comprobar el buen funcionamiento de tu blog. www.antoniopainn.com [email protected]

Transcript of ¿Como pasar la itv a tu blog de WordPress?

Page 1: ¿Como pasar la itv a tu blog de WordPress?

¿Cómo pasar la ITV a tu blog en WordPress?Apariencia, rendimiento, botones social media, comentarios, widget, plugins... Todo lo que necesitas para comprobar el buen funcionamiento de tu blog.

www.antoniopainn.com [email protected]

Page 2: ¿Como pasar la itv a tu blog de WordPress?

Contenido

Sobre el autor 1

Introducción 2

A modo de presentación 2

Acreditación 3

“Los papeles del camión…” 3

SEO By Yoast 4

Authorship 4

Velocidad 5

Tiempos de carga 5

PageSpeed Insights de Google 6

GTmetrix 6

Visibilidad 8

Aspecto exterior 8

Cabecera y Footer 8

Sidebar 9

FeedBurned 10

MailChimp 10

Post 11

WP Open Graph 12

Share This 13

Shareaholic 14

Disqus 15

Guía ITV blog WordPress i

Page 3: ¿Como pasar la itv a tu blog de WordPress?

Rendimiento 16

Actualizaciones de WordPress 16

Optimizar la base de datos 17

WP-Optimice 17

Velocidad de carga 19

W3 Total Cache 19

WP Super Cache 22

Seguridad 25

Usuario admin 25

Readme.html 25

Wordfence Security 26

A modo de conclusión 28

Guía ITV blog WordPress ii

Page 4: ¿Como pasar la itv a tu blog de WordPress?

Sobre el autor

Hola! Me llamo Antonio Painn  soy Diseñador Gráfico, Community Manager y Creativo en Social Media.

Autor de artículos relacionados con diseño, marketing y Redes Sociales. Editor del blog www.antoniopainn.com. Máster en Dirección de Redes Sociales en la empresa, por la Universidad de Alicante. Te invito a conocerme con más detalle en  LinkedIn, Facebook y Twitter.

Un saludo,Antonio Painn

Guía ITV blog WordPress 1

Page 5: ¿Como pasar la itv a tu blog de WordPress?

Introducción

A modo de presentación

Esta guía surgió de la necesidad personal de tener un guión, a modo de revisión periódica, que me permitiera comprobar el estado de mi blog.

Si llevas mucho tiempo con tu blog en WordPress o por el contrario acabas de instalarlo, te puede venir bien tener a mano unos consejos para revisarlo periódicamente y comprobar su buen funcionamiento.

En varios capítulos vamos a ir viendo las partes más importantes para pasar la “ITV” a tu blog, con algunos consejos para optimizarlo o para que evalúes si ha llegado el momento de ponerlo en manos de un técnico.

Es imposible que esto sea una “Guía” completa, pues configurar un blog puede llevar mucho tiempo, casi me atrevería a decir que uno no acaba nunca.

Por este motivo voy a resumir los puntos a tocar, considerando, como el titulo de la guía indica, lo necesario para testar tu blog y saber si cumple los mínimos necesarios.

Guía ITV blog WordPress 2

Page 6: ¿Como pasar la itv a tu blog de WordPress?

Acreditación

“Los papeles del camión…”

Puede parecer muy simple pero es curioso la de veces que me encuentro, a la hora de añadir un blog a favoritos, que faltan los datos fundamentales del autor, junto con una pequeña descripción.

De modo que lo primero, constatar que tu nombre, o el de tu blog está bien escrito y que cuenta con una pequeña descripción. Para ello nos vamos al dashboard y en Ajustes>Generales comprobamos los datos. De paso verificar que has elegido bien la zona horaria.

Muchos temas tienen un apartado propio para cambiar el titulo y la descripción desde su configuración; si es así, revisa en Apariencia>Theme Options que posibilidades te ofrece.

Tal vez te encuentres que junto a la opción de subir tu logo, el tema te da la opción de personalizar el favicon. El favicon es un icono pequeño que aparece en la barra de dirección del navegador junto a tu URL, que tiene unas dimensiones de 16×16 px.

Guía ITV blog WordPress 3

Page 7: ¿Como pasar la itv a tu blog de WordPress?

Es un elemento importante que personaliza tu web, la destaca en la lista de favoritos y te da visibilidad, además de aportar una imagen cuidada de tu blog.

SEO By Yoast

Si después de acreditar que ese es tu blog, tienes instalado el plugin de SEO By Yoast (en el apartado de plugins te lo comento), usalo para colocar tu nombre y descripción en los metadatos y etiquetas cada vez que lances un post. Esto rubricará cada uno de tus artículos y te identificará en los buscadores.

Authorship

Pero además, para completar nuestra identidad, sería conveniente usar  Authorship. Es un sistema de Google+ donde enlazas el contenido que desees con un perfil de Google. 

Esto nos permite por un lado, firmar la autoría de los contenidos (sabes que Google penaliza los contenidos copiados) y por otro un buen posicionamiento orgánico.

Guía ITV blog WordPress 4

Page 8: ¿Como pasar la itv a tu blog de WordPress?

Velocidad

Tiempos de carga

En este punto es donde vas a tener la primera valoración del buen funcionamiento de tu blog. Quizás pienses que unos segundos arriba o abajo tampoco significan tanto.

Urs Holzle, ingeniero de Google, lo resume así (post original):

• Un retraso de 400ms produce un descenso del 0,44 el posicionamiento orgánico.

• El 80% de los usuarios deja de ver un vídeo si este se para durante su reproducción.

• La media de carga de un sitio web en la actualidad es de 4,9 segundos. Para Google, este dato supone una eternidad.

• Amazon: calculó que 0,1 segundos de retraso implican una pérdida del 1% en sus ingresos.

Creo que ahora tendrás otra idea de lo importante que es la velocidad de carga de tu blog. Piensa que si contratas campañas en Adwords, pueden ser una inversión inútil si tu blog no responde. O tirar por la borda toda estrategia de conversión.

Por lo tanto, manos a la obra, vamos a usar dos de las herramientas más completas, que te van a permitir además de medir la velocidad, encontrar las causas y recomendaciones de como mejorarla.

Guía ITV blog WordPress 5

Page 9: ¿Como pasar la itv a tu blog de WordPress?

PageSpeed Insights de Google  Es una de las herramientas imprescindibles, ademas es gratuita y nos ofrece todo tipo de detalles. Mide la velocidad de carga en dispositivos móviles y en ordenadores.

GTmetrix La ventaja con respecto a  PageSpeed es que te ofrece una valoración en porcentaje de cada error y puedes revisar las recomendaciones que PageSpeed realiza.

Guía ITV blog WordPress 6

Page 10: ¿Como pasar la itv a tu blog de WordPress?

Con estos primeros análisis ya puedes tener una idea del buen o mal funcionamiento del blog. Digamos que hemos detectado esos síntomas con los que llevamos tiempo pensando que algo no va bien del todo.

Las recomendaciones de PageSpeed junto con GTmetrix te muestran los puntos a revisar. A partir de aquí vamos a entrar a inspeccionar las distintas partes del vehículo.

Guía ITV blog WordPress 7

Page 11: ¿Como pasar la itv a tu blog de WordPress?

Visibilidad

Aspecto exterior

No te voy a decir que hay que revisarlo de chapa y pintura, pero vamos a repasar elementos que permiten la visibilidad y a detenernos en el estado general de la carrocería y su buen funcionamiento.

Lo primero los elementos que nos permiten visibilidad. Un blog está pensado para dar a conocer tus conocimientos, tu opinión o tu experiencia en una materia determinada.

Por lo que no debe de faltar los botones que permitan difundir y hacer visible su contenido. Revisamos cuatro puntos importantes.

Cabecera y Footer

En la cabecera y el footer del blog deben aparecer los botones que permiten a los lectores conocer nuestro perfil en las redes sociales. Es útil que conozcan otras publicaciones o contenidos que podemos realizar, como vídeos, fotografías, presentaciones, etc.

Guía ITV blog WordPress 8

Page 12: ¿Como pasar la itv a tu blog de WordPress?

No hace falta que aparezcan todas las redes sociales en las que tenemos presencia, pero si las más importantes. Como complemento no está de más poder dejar visible nuestro email o número de teléfono de empresa.

Estos botones suelen venir con el tema que hemos comprado, solo tenemos que ir a Apariencia>Theme Options y configurar los enlaces. Si ya los tienes puestos no está de más comprobar que los link siguen funcionando.

Sidebar

En este apartado del blog, que debido al diseño puede no estar visible en la página de inicio, tienes que tener en cuenta cuestiones de estilo. Hay Sidebar que son auténticos mercados persas, no se trata de eso.

Con buen criterio elige solo aquello más necesario y que realmente sea útil. Por ejemplo: repetir aquí los botones de las redes sociales no tiene sentido, ya los tenemos en la cabecera y en el footer.

Pero tal vez sería interesante mostrar el amplio seguimiento de tu blog en Facebook. Y digo amplio, porque debe ser significativo

Guía ITV blog WordPress 9

Page 13: ¿Como pasar la itv a tu blog de WordPress?

contar con una “masa critica” de seguidores antes de utilizar este elemento.

Sin embargo lo que no puede faltar es el modulo de suscripción a tu blog, que permita a tus seguidores recibir las alertas de tus nuevos post.

FeedBurnedUna buena opción muy configurable es FeedBurned, es gratis y nos permite gestionar nuestros feeds RSS y suscripciones por email. Podemos cambiar el idioma para las notificaciones y crear newsletter.

MailChimpPero sin duda la opción más recomendable es MailChimp. Es gratis hasta los 2.000 suscriptores y 12.000 emails por mes.

Totalmente configurable, puedes enviar tu RSS por email, con plantillas propias para móviles y utilizar la base de datos para crear listas que permitan distribuir tu newsletter.

Guía ITV blog WordPress 10

Page 14: ¿Como pasar la itv a tu blog de WordPress?

Tiene un plugin para WordPress: MailChimp for WP Lite.

Para hacer todos estos cambios desde el escritorio entra en Apariencia>Widgets y desde aquí organiza el Sidebar, la cabecera y el footer.

Post

Y por último, dentro de este apartado de aspecto exterior, que como ves está relacionado con la visiblidad, vamos a pasar a los post.

Las imágenes son un gran reclamo para cualquier publicación, no solo tienes que elegir imágenes atractivas, sino comprobar que aparecen en las publicaciones, cuando pulsamos los botones de social media.

Te habrá ocurrido en más de una ocasión, que al publicar el post de otro blogger, en las redes sociales, no aparece la imagen asociada a él.

Guía ITV blog WordPress 11

Page 15: ¿Como pasar la itv a tu blog de WordPress?

WP Open GraphSi tienes este problema, en tu blog, el plugin  WP Open Graph, puede solucionarlo. No lo instales si ya tienes el plugin de SEO By Yoast, pues trae esta opción incorporada.

Aún así, pueden seguir sin parecer las imágenes, en este caso debes mirar el Firewall del servidor donde tienes alojado tu dominio. Entra en el panel de administración del servidor y deshabilitar la opción de “Firewall aplicativo”.

Como esta opción ya requiere más conocimientos, tal vez sea conveniente encargar el trabajo a un técnico que te solucione el problema.

Al pie del post, al comienzo, incluso como barra lateral, es recomendable que tengas instalado los botones de Social Media.

Tienes varios plugins para hacerlo, utiliza siempre los que más numero de seguidores tienen y de descargas tienen, de esta forma te aseguras que permanecerán actualizandose más tiempo.

Guía ITV blog WordPress 12

Page 16: ¿Como pasar la itv a tu blog de WordPress?

Share ThisEs uno de los plugins más conocidos; permite colocar una atractiva barra flotante en el lateral del post, con los botones de social media y el contador.

Para aprovechar los servicios de Share This, te tienes que abrir una cuenta en su web; esto te proporcionará una estadística de los clic realizados y también un plugin especifico para WordPress: ShareThis: Share Buttons and Social Analytics.

Guía ITV blog WordPress 13

Page 17: ¿Como pasar la itv a tu blog de WordPress?

ShareaholicLa ventaja de este plugin con respecto al anterior es su integración con Google Analytics, lo que te va a permitir hacer un seguimiento mucho mayor del post.

También tiene una  característica que puede ser útil para recompensar a tus lectores, pues muestra los usuarios más activos, en visitas y comentarios a tu blog.

Por último llegamos al pie del post donde aparecen los comentarios. Normalmente las opciones por defecto de WordPress o del tema que has comprado suelen ser pobres y no nos permiten administrar adecuadamente los comentarios.

Guía ITV blog WordPress 14

Page 18: ¿Como pasar la itv a tu blog de WordPress?

DisqusSi tienes pensado hacer un buen seguimiento de tus lectores, y también de tus comentarios en otros blog, te recomiendo que instales este plugin.

Te va a permitir a ti y a tus seguidores realizar comentarios largos y poder tener un historial completo de los mismos. Posiblemente sea la mejor herramienta para comentarios que existe para WordPress.

Guía ITV blog WordPress 15

Page 19: ¿Como pasar la itv a tu blog de WordPress?

Rendimiento

Actualizaciones de WordPress

Como habrás observado, periódicamente en el escritorio te aparece el aviso de actualización a una nueva versión de WordPress. Una máxima que no debes olvidar es: “Siempre es aconsejable actualizar”.

Como toda norma tiene sus “peros”, que están relacionados con los demás elementos del blog, es decir: NO actualices hasta comprobar que el resto de plugins funcionan con la nueva versión.

A todos nos ha ocurrido que en la actualización de WordPress algún que otro plugin se ha quedado por el camino, por lo que te aconsejo que tengas cuidado.

Para subsanar en lo posible este hecho tienes que volver a recordar la máxima primera, e ir actualizando periódicamente los plugins. Para ello revisa en Escritorio>Actualizaciones para ver que tienes pendiente.

Guía ITV blog WordPress 16

Page 20: ¿Como pasar la itv a tu blog de WordPress?

Optimizar la base de datos

Cuando escribimos un post, las revisiones, los auto-guardados, se van añadiendo a la base de datos. Esto hace que al cabo de un tiempo, conforme tu blog va creciendo, se haya generado un volumen considerable, ocupando un espacio innecesario, que disminuye el rendimiento de la base de datos.

Las consecuencias de esto no solo se traducen en ocupar mas espacio, también hace que la carga del blog sea lenta.

WP-OptimiceWordPress no trae ningún plugin que te permita optimizar la db, por este motivo te recomiendo instalar WP-Optimice.

Guía ITV blog WordPress 17

Page 21: ¿Como pasar la itv a tu blog de WordPress?

No solo va a eliminar las revisiones generadas por las entradas, además:

• Elimina las copias de auto-guardado de los borradores

• Elimina los comentarios marcados como Spam

• Elimina los comentarios que hayas marcado como desaprobados o inadecuados

• Optimiza la base de datos, igual que lo hace phpMyAdmin.

Guía ITV blog WordPress 18

Page 22: ¿Como pasar la itv a tu blog de WordPress?

Velocidad de carga

En el apartado dedicado a la Velocidad hicimos un test, a través de PageSpeed Insights de Google y GTmetrix, que te sirvió para detectar los motivos por los que tu blog no cumple con las velocidades óptimas de carga.

Ahora vamos a optimizar ese proceso creando un sistema de caché usando uno de estos dos plugins.

W3 Total CachePosiblemente unos de los plugins más usados de WordPress pero a su configuración le tienes que dedicar atención.

La instalación se realiza al igual que cualquier otro plugin, es una instalación sencilla que al terminar te avisará de que W3 Total Cache se encuentra en modo “Preview”. Esto sirve para que puedas probar distintas configuraciones sin que tu página deje de funcionar por un problema con el plugin.

Si quieres desactivar esta opción simplemente pulsa “Disable” en Performance>General Setting.

Guía ITV blog WordPress 19

Page 23: ¿Como pasar la itv a tu blog de WordPress?

A continuación en “Page Cache”, tendrás que seleccionar el método. El más usado es “Alternative PHP Cache (APC)”, pero si no se encuentra activo selecciona “Disk: Enhanced”. En cada paso que damos recuerda grabar los cambios.

La siguiente opción es “Minify”. Consiste en comprimir las hojas de estilo (.css), archivos JavaScript (.js), HTML, etc.

”Database Cache” activado. Esta es quizás la opción más importante. WordPress utiliza mucho las consultas a la base de datos, lo que provoca el aumento del tiempo de carga del blog.

En la selección del método marca “Disk” o “Memcached”. Dependiendo del host que tengas contratado tendrás una u otra activa.

Guía ITV blog WordPress 20

Page 24: ¿Como pasar la itv a tu blog de WordPress?

Lo mismo para “Object Cache”.

”Browser Cache” activado.

A continuación nos vamos a Performance>Dashboard, después de haber grabado todos los cambios, pulsas “empty all cahe” y tendrás tu blog funcionando con W3 Total Cache.

Como habrás podido ver el plugin presenta muchas opciones de configuración avanzada. Si quieres optimizarlo más puedes encontrar en la red buenos post sobre como hacerlo.

Guía ITV blog WordPress 21

Page 25: ¿Como pasar la itv a tu blog de WordPress?

WP Super CacheEs de un uso más sencillo y he comprobado que con algunos temas más antiguos no provoca errores. Puede ocurrir que necesites editar el archivo .htaccess para insertarle el código del plugin.

Normalmente no es necesario, pero en caso de que lo necesites el archivo .htaccess se encuentra en el raíz de nuestro sitio web. Puedes editarlo fácilmente con un editor txt. Te recomiendo que leas las instrucciones de instalación en la misma página del plugin.

Otra cosa que debes tener en cuenta, para que funcione correctamente es que el tema que tienes instalado no tenga activado la compresión gzip.

Una vez instalado el plugin te pedirá que lo actives y lo configures, para ello ve a Ajustes >WP Super Cache.

Activamos la opción “Coaching On” (Recommended)

Guía ITV blog WordPress 22

Page 26: ¿Como pasar la itv a tu blog de WordPress?

A continuación en la pestaña “Avanzado” seleccionamos el método para crear el cache y la compresión de página, como vemos en la imagen.

Deja marcadas las opciones recomendadas.

Guía ITV blog WordPress 23

Page 27: ¿Como pasar la itv a tu blog de WordPress?

Completadas las opciones volvemos a la primera pestaña “Easy” y realizamos el “Test Cache” pulsado sobre el botón, si todo va bien nos aparecerá el estado del cache.

Ya tienes funcionando el cache, puedes usar siempre que lo necesites, por cambios en un post o actualizaciones de página, etc, una limpieza de cache para que los cambios se hagan visibles. Solo tienes que pulsar desde la pestaña “Easy” el botón “Borrar cache”.

Guía ITV blog WordPress 24

Page 28: ¿Como pasar la itv a tu blog de WordPress?

Seguridad

No podía terminar esta guía sin comprobar que tienes activado unos controles mínimos para proteger tu sitio.

Usuario admin

Uno de los errores de vulnerabilidad más frecuentes es dejar por defecto el nombre de usuario que nos pone WordPress: “admin”. Si facilitas este dato solo queda un campo por averiguar: la contraseña, facilitándole de este modo el trabajo al atacante.

Cambia el nombre del administrador del sitio, utilizando letras, números y caracteres especiales. Por ejemplo: Bh543$%a. Este mismo ejemplo vale para crear una contraseña fuerte.

Readme.html

Borra el archivo “Readme.html” que se encuentra en el raíz de tu instalación de WordPress. Este archivo indica la versión de WordPress que estamos utilizando. Conociendo la versión se puede saber los agujeros de seguridad que contiene.

Guía ITV blog WordPress 25

Page 29: ¿Como pasar la itv a tu blog de WordPress?

Wordfence Security

Y por último te recomiendo que instales el plugin Wordfence. Tiene una versión de pago y otra gratuita. Con la versión gratuita tienes asegurada una buena defensa de tu blog.

Después de la instalación tienes que iniciar el plugin pulsando “Start a Wordfence Scan”. Comenzará el proceso de escaneo de todo WordPress, analizando: el tema en busca de maleware, los plugins, las URLs, contraseñas, cambios no autorizados en DNS...

Como veras hay aspectos avanzados de la configuración que si no conoces bien te recomiendo no cambiarlos. Aunque recuerda que puedes encontrar manuales de como hacerlo en Internet.

Solo dos aspectos importantes que debes configurar en el apartado Wordfence>Options. Por un lado escribir tu email para recibir las alertas.

Guía ITV blog WordPress 26

Page 30: ¿Como pasar la itv a tu blog de WordPress?

Y en el apartado “Login Security Options” colocar un numero bajo de intentos por fuerza bruta, para acceder a través del password a tu blog, bloquenado la IP del atacante.

Guía ITV blog WordPress 27

Page 31: ¿Como pasar la itv a tu blog de WordPress?

A modo de conclusión

WordPress es uno de los mejores gestores de contenidos o CMS, que actualmente podemos utilizar para nuestro proyecto editorial. Constantemente se van incorporando mejoras gracias a una comunidad internacional que lo respalda.

Miles de plugins que permiten añadirle funcionalidades extras lo convierten en una plataforma multiproyecto, donde además de un blog también permite el desarrollo de webs complejas para eCommerce, eLearning, multiblogging, etc.

Como te he venido contando en esta “Guía Básica ¿Cómo pasar la ITV a tu blog en WordPress?”, es solo eso, una guía muy básica para testar el buen funcionamiento de tu blog. Nada de meternos en análisis de aplicaciones o de configuraciones avanzadas.

La idea era mostrarte cómo con unos pocos plugins y alguna que otra aplicación puedes hacer mucho por tu blog. Espero que te haya sido útil y te permita disfrutar y seguir trabajando con tu blog.

Antonio Painn

Guía ITV blog WordPress 28