Todas las semanas hago como mínimo una página con WordPress, pero a pesar de ello de vez en cuando se me olvida comprobar algún detalle antes de publicarla.
Si esto nos pasa a los desarrolladores que nos dedicamos a esto no te quiero ni contar en qué estado se lanzan algunas páginas de usuarios no profesionales.
Seguro que la mayoría de estas comprobaciones ya las tenías en mente, pero este checklist te ayudará a que no se te escape ninguna.
Vamos a asegurarnos de que el día que publiques tu web esté todo en orden.
Repasa el diseño
1. Coherencia en los colores
Cuando empezaste a diseñar tu web tenías muy claros los colores que ibas a utilizar, pero luego has ido añadiendo plugins, shortcodes, formularios, botones, llamadas a la acción… y la cosa se ha desmadrado.
Al final tienes cuatro tonos de verde diferentes, dos azules y tres naranjas. Has perdido la coherencia en los colores de tu web y su aspecto se resiente.
Asegúrate de que tienes un único tono, exactamente el mismo, para cada color. Si utilizas un azul que sea siempre el mismo azul, no uno para los botones, otro para los fondos, otro para el footer y otro para el logo.
Si quieres aprender más sobre el uso de los colores en el diseño web te recomiendo Cómo utilizar y elegir los colores en tu página web.
2. Coherencia en las tipografías
Más o menos lo mismo que te acabo de contar con los colores. Si quieres aprender más sobre el uso de las fuentes date una vuelta por aquí: Cómo utilizar y combinar las fuentes en tu web.
3. Favicon
Es un detalle pequeño, pero la ausencia de favicon puede transmitir cierta sensación de dejadez. Añadirlo desde el panel de apariencia de WordPress es muy sencillo, no te llevará más de dos minutos.
Comprueba las funcionalidades
4. Comprobar cómo se ve tu web en los diferentes navegadores
Debes saber que tu web no se verá exactamente igual en todos los navegadores de Internet:
- Las tipografías no tienen el mismo aspecto.
- Los espacios entre elementos pueden variar.
- Las sombras, esquinas redondeadas, degradados y otros elementos CSS pueden incluso no llegar a mostrarse.
Tú puedes estar haciendo tu web, viéndola en Chrome y muy contento con el resultado que has conseguido, pero luego vete a Internet Explorer…
A lo mejor se ve todo más o menos igual, pero es posible que te lleves desagradables sorpresas.
Vigila este punto y toma medidas antes de lanzar tu web a un tenebroso mundo lleno de ordenadores con Internet Explorer.
Si quieres te puedes ayudar de estas herramientas:
- NetRenderer
- CrossBrowsertesting
5. Revisa todos los enlaces
Los que apuntan a páginas externas y los que redirigen hacia otros contenidos de tu web. No des por hecho que todos funcionan, has podido escribir alguno mal, cambiar la url de una página después de crear el enlace, etc.
Para ayudarte con esta tarea tienes el plugin Broken Link Checker.
Procura no tener errores 404 en tu sitio, no le gustan a los usuarios… ni a Google.
6. No te olvides de los enlaces a tus contenidos exclusivos
Puedes regalar un ebook, un audio o un video tutorial a tus suscriptores. Asegúrate de que son accesibles y de que los enlaces para descargarlos funcionan.
7. Comprueba todos tus formularios
Ya sea el de contacto o los formularios de suscripción para captar suscriptores. Revisa que todos funcionen correctamente.
Recientemente he visto lanzar el rediseño de una web con un formulario de contacto inoperativo, el dueño de la página se dio cuenta de que no funcionaba después de 15 días sin recibir ni un email.
Ojito con esto.
8. Usuarios y contraseñas
Si tu web es colaborativa y hay más de un usuario que participa en su mantenimiento no olvides revisar los permisos de cada uno y que los accesos funcionan correctamente.
9. ¿Tu categoría por defecto es “Sin Categoría”?
Pues eso, que no tardas nada en crear una categoría y asignarla a tus entradas por defecto, pero a veces se nos pasa.
10. Plugin para compartir tus contenidos en redes sociales
Algunos de estos plugins tienen bugs, que si uno no añade la @ de Twitter, que si otro no muestra la imagen en Facebook, que si este falla al intentar conectar con LinkedIn…
Haz pruebas para confirmar que tus entradas se van a compartir sin problemas y que tus contenidos se van a mostrar cómo deberían.
- Si utilizas Genesis te recomiendo Genesis Simple Share.
- Si utilizas GeneratePress u otros temas optaría por Simple Share Buttons Adder.
- Si quieres un plugin con más opciones de personalización me iría a por Easy Social Share Buttons.
Tres apuestas seguras.
11. Iconos de redes sociales
Algunos plugins y plantillas que generan estos iconos traen por defecto enlaces a los perfiles del desarrollador.
¿Te has acordado de cambiar los enlaces para que vayan a tus perfiles sociales? ¿Has comprobado que todos funcionen correctamente?
12. Prueba tu web en diferentes monitores
Piensa que todos los ajustes y personalizaciones que has hecho en tu web se basan en cómo se ve tu sitio en tu monitor, pero cada monitor se ve de una forma:
- Diferentes tamaños.
- Diferentes resoluciones.
- Diferentes reproducciones del color.
El tamaño de las tipografías, los espacios entre elementos o los colores los has elegido dando por buena la forma en la que se ven en tu pantalla.
Si tienes un monitor bueno y grande observa cómo se ve todo en monitores más pequeños, con menos resolución y cómo varían los colores.
Evidentemente no vas a conseguir que la web se vea igual de bien en todos, pero al menos tendrás una noción mucho más realista de cómo la van a ver otras personas.
13. Comportamiento responsive
Hay muchos simuladores online que te muestran cómo se vería tu web en diferentes dispositivos, pero mi experiencia profesional me dice que no te puedes fiar de ellos.
Estos simuladores te sirven para hacerte una idea aproximada del resultado, pero el comportamiento de la página siempre es distinto en los dispositivos reales.
Que tu plantilla sea responsive no te garantiza que se vea tan bien como te gustaría en todos los dispositivos, así que mi consejo es que cojas todos los cacharros que tengas a mano y pruebes uno por uno.
SEO y tráfico web
14. Título SEO y descripción meta de las páginas y entradas
Si utilizas el plugin WordPress SEO de Yoast tienes la posibilidad de editar el título y meta descripción de tus páginas y entradas.
Asegúrate de que todas tus publicaciones están optimizadas para maximizar las posibilidades de posicionarte bien en Google.
Si el tema del SEO te sigue sonando a chino te recomiendo que te leas la entrada Posicionamiento en buscadores, guía para principiantes.
Y si lo que quieres es configurar el plugin SEO Yoast en condiciones no dejes de leer Cómo configurar los mejores plugins de SEO para WordPress.
15. Robots.txt
Desde este archivo le puedes indicar a los buscadores cómo deben comportarse en tu web y qué contenidos no deben indexar.
Te dejo una entrada para que aprendas más sobre este tema: Robots.txt para WordPress.
16. Velocidad de carga de la web
No lances tu sitio sin comprobar los tiempos de carga de la misma. Si no son aceptables prueba a aplicar los consejos que te doy en esta entrada:
17. Título del sitio y descripción corta
Este es uno de los primeros ajustes que deberías hacer en tu WordPress, pero a veces lo dejamos para el final y lanzamos la web con el título y descripción por defecto.
Esto ocurre porque una vez que subes el logo a tu web y dependiendo de la plantilla que estemos utilizando, lo más probable es que el título y la descripción no se muestren en la parte frontal de tu web, con lo cual es fácil que olvides modificarlo.
Los puedes cambiar en los ajustes generales de tu panel de control.
18. Genera y envía tu sitemap
Seguramente no te olvidarás de generar tu sitemap, pero recuerda que también deberías enviárselo a Google para que encuentre e indexe lo antes posible.
En este excelente tutorial Rubén Alonso te enseña cómo enviar tu sitemap a Google, entre otras muchas cosas que puedes hacer con Search Console (anteriormente Google Webmaster Tools).
19. ¿Tienes una página personalizada para los errores 404?
Si un lector llega a una página de tu web que ya no existe y se encuentra el típico “Error 404, página no encontrada” lo más probable es que se marche de tu sitio.
Es preferible que hagas una página de error 404 en el que pongas un buscador o enlaces a contenido interesante para mantener la atención de tu visitante.
20. Formato de los enlaces permanentes
Este es uno de los puntos más importantes de cara al SEO, mi consejo es que elijas el tipo /%postname%/. Encontrarás esta opción en los ajustes de WordPress.
Analítica
21. Inserta el código de Google Analytics
No te olvides de insertar el código de seguimiento para tener acceso a las estadísticas de tu web, ya sea en una página nueva o en un rediseño con cambio de plantilla.
Cada vez hay más temas que te permiten añadir el código desde su panel de control, lo cual te facilita las cosas y te evita tener que toquetear los archivos de WordPress o instalar plugins extra, pero recuerda que al cambiar de plantilla el código de Analytics desaparecerá con ella.
22. ¿Google Analytics y Search Console están vinculados?
Para sacar la mayor cantidad de información posible deberías tener ambos servicios conectados. A través de Search Console puedes:
- Encontrar problemas en tu web desde el punto de vista de Google: indexación, rastreo, penalizaciones, etc.
- Conocer las fuentes de tráfico orgánico de tu web.
- Facilitar información sobre tu web a Google. Indicarle cómo quieres que aparezcan tus URLs (con o sin www), enviar tu sitemap para facilitar el rastreo e indexación del sitio, etc.
Seguridad
23. Configura backups automáticos
Antes de publicar tu página y una vez que hayas comprobado que todo está correcto deberías hacer una copia de seguridad a la que poder recurrir en caso de que surja algún problema con la web.
Además te aconsejo que programes backups automáticos que se ejecuten cada cierto tiempo, así podrás recuperar las copias sin perder mucho, o ningún contenido.
Mi plugin preferido para esta función es UpdraftPlus Backupand Restoration porque te permite no solo hacer las copias, sino restaurarla desde el propio plugin en caso de ser necesario.
24. Plugin de seguridad activado y bien configurado
Todos pensamos que nuestra web recién creada no va a ser atacada. ¿Qué ganarían con ello? ¿A quién le puede interesar asaltar mi web?
Pero nos equivocamos. Los malos pueden encontrar tu web atractiva por múltiples motivos.
Mi consejo es que le des mucha importancia a este tema, te evitarás dolores de cabeza muy serios.
El plugin que yo utilizo para estas cuestiones es iThemes Security y en este completo tutorial aprenderás a configurarlo.
25. Activa Akismet
Este plugin antispam viene por defecto instalado en WordPress, pero debes activarlo e insertar una clave que puedes conseguir en este enlace.
Cuando vas a lanzar una nueva web es probable que no recibas mucho spam y por eso mismo es fácil que te olvides de activar Akismet.
Mi consejo es que lo actives cuanto antes, este u otro plugin anti spam, pero utiliza alguno porque no te haces una idea de la cantidad de comentarios basura que vas a recibir en cuanto tu sitio tenga un mínimo de visibilidad.
Legalidad
26. Páginas legales y cumplimiento de la normativa vigente
¿Has añadido las páginas del aviso legal, política de privacidad, etc.? Y en caso de haberlas copiado de otra web… ¿Te has acordado de cambiar sus datos por los tuyos?
En esta entrada Marina Brocca te explicaba por qué debes cumplir con las leyes relativas a la protección de los datos del consumidor. Revisa que esté todo en orden antes del lanzamiento.
Esta semana he visto una tienda online de productos electrónicos en la que sus páginas legales tienen todos los datos y referencias de MediaMarkt.
Ver para creer.
27. Barra de cookies
Para cumplir con la normativa legal vigente en materia de protección de datos casi todos instalamos plugins como UK Cookie Consent o similares. El caso es que estos plugins se pueden configurar para añadir los textos que necesitemos y que los colores encajen con la identidad de tu web.
Puede ocurrirte que actives el plugin, pero no lo configures en ese mismo momento. Luego, mientras desarrollas tu web, estás navegando por ella y te molesta la dichosa barrita de cookies, así que la cierras y ya no te vuelve a aparecer.
Seguramente a partir de ese momento te olvides hasta de que existe.
Recuerda editar sus textos asociados y los estilos.
Comprobaciones relativas a los contenidos
28. Vuelve a leer todos tus contenidos
Sí, una vez más. Y si además puede leerlos otra persona que no seas tú mejor que mejor. Debes hacerlo por tres razones:
- En busca de faltas de ortografía.
- Para mantener la coherencia. Escribe al lector siempre de tú, o de usted, o dirígete a las masas hablándoles de vosotros… pero siempre con coherencia.
- En busca de frases raras. A veces hacemos todos los textos de la web del tirón, o no los volvemos a leer después de la primera edición así que puede que nos hayamos dejado frases extrañas que carecen de sentido.
El contenido es el rey, no lo olvides, así que dale otra vuelta a tus textos antes de publicar tu web.
29. ¿Has añadido el copyright en el footer?
Deja claro de quién son los derechos de la página y asegúrate de incluir el año actual.
30. Completa tu perfil en el panel de control de WordPress
Esta descripción aparecerá al final de las entradas que escribas, así que no olvides rellenar tu perfil antes de empezar a publicar en tu blog.
31. Haz el test de los 5 segundos para la página de inicio
Hay estudios que dicen que ese es el tiempo que tarda un usuario en decidir si le interesa tu web o no. Hay quien dice que en dos segundos la mayoría de usuarios ya han decidido, otros opinan que en siete segundos el visitante ya se ha formado una opinión sobre tu sitio.
El caso es que tu página de inicio debe ser limpia, clara y lanzar un mensaje conciso. El usuario debe saber de manera inmediata qué puede esperar de tu web.
Prueba a enseñársela a otras personas, valora su reacción y pregúntales qué han sacado en claro a primera vista.
Saludos desde México.
De entrada no tengo otra que agradecer por el material que publicas, soy muy novel en todo esto del diseño web, posicionamiento, seo y tantas otras cuestiones que abordan expertos como tu pero que comparten de esta manera su experiencia y nos ayudan enormemente. Quien sabe, talvez logremos adentrarnos lo suficiente para proponernos dedicarnos a esto de lleno.
Saludos y nuevamente gracias.
Gracias a ti por pasarte a comentar Israel.
Un saludo.
Hola Arturo!!! este post me parece completisimo y realmente muy bien explicado punto por punto! Todo el mundo lo tendría que tener a mano cuando saca la web 🙂
Te comento algunas cosas que creo que se podrían añadir a ver que te parecen
– Que este bien creado el perfil de gravatar, para cuando contesten los comentarios/que salga la foto o en el cuadro de autor.
– Que los plugins/paginas de prueba/categorias de prueba y otras cosas que ya no sirvan estan eliminadas.
– Que el blog esta conectado con redes sociales para que se publiquen automaticamente las entradas programadas.
Has hecho una check list fantástica, más de uno debería tenerlo en favoritos!
Un abrazo!
Muy buenas sugerencias Ana!
Cuando toque actualizar la entrada las añadiré sin duda.
Muchas gracias!
Gracias Arturo. Es impresionante tu capacidad de síntesis, nada falta y nada sobra, Muy, muy útil.
Me alegro de que lo encuentres útil Luis 🙂
Un saludo.
Hola Arturo, como bien dices al principio esto es una checklist en toda regla. Es la forma de tener la certeza y la seguridad de que tu parte de trabajo está correcta, da mucha tranquilidad. Además es un “documento” vivo, se puede ir ajustando con el tiempo para añadir elementos o retirarlos.
También hago uso y abuso de ellas.
Un saludo y buen Domingo compañero. 😉
Pues sí Paul, se puede ir ajustando y de hecho ya tengo alguna cosilla más que añadir.
Un saludo!
Hola Arturo.
Con frecuencia me encuentro en la misma situación cuando estoy creando un sitio web. Resulta interesante ver la cantidad de tiempo que se nos va en configurar todos estos detalles y no olvidarse de nada.
Me parece un acierto este post de ayuda para la gente que está empezando. Y para los que ya tenemos experiencia en esto, un utilisimo checklist del quehacer diario. A seguir así. Saludos.
Tienes razón Raúl,
A veces damos por terminada la web y resulta que todavía nos quedan por hacer la mitad de los puntos de la lista 🙁
Un saludo!
Gran tutorial a modo de checklist, sólo me faltaría una descarga en formato pdf más simple que imprimir que conseguir al dar un like o suscribirse 😛 (o en caso de que ya estuviéramos suscritos, añadir ese checklist en los recursos que tienes para descargar).
Ahora ando liado con el artículo de Paul sobre iThemes security, que la verdad he ido dejando esa parte de seguridad hasta el día de hoy… y eso que mira que he visto artículos de Paul sobre seguridad, de hecho tengo su guía por ahí en descargas que debería encontrar… y de paso he hecho un vídeotutorial sobre updraftplus para los que quieran verlo en vivo.
Muy buen aporte como decía.
¡Un saludo!
Hola, a ver, estoy empezando a crear mi blog pero cuanto más lees mas lío te haces. Antes de empezar me gustaría que me diérais vuestra opinión sobre si merece la pena comenzar invirtiendo en una buena plantilla y plugin como el thrive content builder que cuesta un dinerillo, o si por el contrario, la recomendación sería comenzar a crear únicamente de forma gratuita. Yo en mi caso voy bastante en serio con el desarrollo de mi web, mi potencial está en el contenido que voy a desarrollar, y eso lleva mucho tiempo como cualquier otro contenido de calidad. Entonces no se si invertir un poco para empezar ya sobre una buena apariencia y familiarizandome con plugin como el thrive content builder, o esperar a que el blog despegue un poco y luego invertir. Es que como he leido que luego también tendría trabajo doble porque tendría que adecuar todas las entradas y demás y comenzar de nuevo con el diseño. Espero haber me explicado bien. ¿Que me recomendais en el comienzo?
Hola Arturo!
Pues ya te digo, los has reunido bien eh!
Como bien dices, por mucho que sepamos siempre es fácil que se nos olvide algo.
Sin duda me lo quedo como checklist 😛
Un fuerte abrazo crack!
Hola Arturo, buenas tardes.
Antes que nada, genial la entrada. Como todas jeje, ya que yo estoy empezando también a navegar por el mundo del Freelance y sigo mucho tu blog e infografías.
Ahora la duda y/o problema:
He instalado el plugin UK Cokie, y bien. Pero como yo ya tenía escrita mi página de Políticas de Cookies, lo que he hecho ha sido editar la página por defecto del plugin, y pegar el texto que yo tenía escrito, y cambiar el título. Pero ahora no sale la barra con el aviso de que el sitio web usa cokie. Antes de editarla si.
He comprobado que el enlace hacia la página sea el mismo, lo es. Y desde la configuración del plugin se accede perfectamente a dicha página. Pero eso, ahora no aparece la barra.
He vaciado caché también por si pudiera ser ese el problema pero nada.
¿Algún consejo Arturo? Gracias de antemano y de nuevo enhorabuena por tu buen hacer y saber, y compartirlo 🙂
¡Hola Arturo!
Que buen listado de puntos para comprobar. Me parece genial, de verdad. Muchas veces con la práctica acabamos cayendo en los errores más tontos y siempre es bueno tener un checklist de este estilo.
Echo de menos una mención a enlazar el blog con las redes sociales, para comprobar que funcionan correctamente.
Ojalá hubiese tenido yo un listado así, que iba haciendo las cosas sobre la marcha porque no tenía muy claro qué era lo que tenía que ir mirando.
Un fuerte abrazo y enhorabuena por el post 🙂
Gracias por el articulo, cada día aprendo más en este blog. Lo pongo todo en practica.
Saludos
Isabel
Gracias a tu blog aprendemos día tras día!
Buenos días.
Este artículo es formidable.
Yo me dedico a la educación, trabajo en una escuela pública.
Este año he decidido crear una especie de biblioteca de recursos, donde guardo las faenas y los juegos educativos.
No tengo claro si es muy bonita, intento mejorarla poco a poco, llevo un par de meses.
Pero tengo claro que es muy fucional para mis alumnos y para mi.
Me gustaría mejorar algunos aspectos:
– ¿sabes si hay algun plugin para editar las fotos dentro de ajustes del GALLERY de wordpress y poner por ejemplo: NEW? .
-¿Existe algún plugin para que los alumnos puedan votar el juego?
Gracias por tus aportaciones.
Saludos
Miquel.
Hola Arturo muy interesante el post… una pregunta que plugin usas para tener los botones de compartir al inicio y al final de tus post
Muy buen post Arturo, todo la razón del mundo cuando estamos acostumbrados a hacer esto pero siempre se nos olvida algún detalle que al paso de unos días tenemos que volver para realizarlo. Recordatorio 100% útil.
Hola Arturo. Primero de todo quiero darte las gracias por todo lo que compartes en este blog, me está siendo de gran inspiración para crear mi web.
Me gustaría hacerte una pregunta sobre la cuestión 17: Título del sitio y descripción corta. Utilizo el pluguin “all in one seo pack” e introduzco un título seo y una descripción. La cuestión es que si pongo un título del sitio en la plantilla de GeneratePress me aparece el título del sitio en todos los títulos seo de todas las páginas y entradas excediendo la recomendación de caracteres que marca el pluguin. He optado por dejar en blanco el título del sitio y la descripción corta y ponerlos como un título seo y una descripción en la página de la Home.
Te agradecería si me pudieras si con lo que estoy haciendo ya está bien o debería poner el título del sitio y la descripción corta. ¿Es normal que en ese caso me salga en todas las páginas? ¿Se puede quitar?
Muchas gracias por adelantado.