Por fin ha llegado la hora tanto esperada: la subida de una web.<\/p>\n
Es un verdadero placer ver como el fruto de semanas o meses de trabajo toma cuerpo. En Reinicia os proponemos un listado de tareas y acciones que no hay que olvidar a la hora de subir una web.<\/p>\n
1. Test de toda los funcionalidad de la web<\/strong><\/p>\n Probar, probar y probar. Es inevitable que vayan apareciendo incidencias una vez subida una web, pero cuantas m\u00e1s pruebas se hagan en desarrollo y cuanto m\u00e1s diferentes los perfiles de las personas que las realicen, mejor, porque menor ser\u00e1 el n\u00famero de incidencias \u00aba posteriori\u00bb. Eso si, muy importante centralizar la documentaci\u00f3n de los errores. Con un documento en Google Sheets por ejemplo.<\/p>\n En Reinicia, adem\u00e1s de todas las pruebas que hacemos antes de subir la web, una vez en Producci\u00f3n, damos un periodo de 15 d\u00edas naturales de garant\u00eda para corregir estas incidencias que vayan surgiendo y que, en algunos casos, ser\u00e1n los propios visitantes los que nos las comuniquen.<\/p>\n 2. Revisi\u00f3n en todos los navegadores y en todos los dispositivos<\/strong><\/p>\n Todas estas pruebas hay que hacerlas con los principales navegadores (Chrome, Firefox, Safari, Opera y IE) y en todos los dispositivos que puedan tener diferentes resoluci\u00f3n en nuestra web. En nuestro caso, nos centramos en revisar con las dos \u00faltimas versiones de los navegadores y para los dispositivos m\u00f3viles en los m\u00e1s usados por los usuarios de la web del Cliente.<\/p>\n\n 3. Optimizar el rendimiento de la web<\/strong><\/p>\n Desactivamos todas las herramientas de debugging que hemos utilizado en desarrollo, minimizamos los ficheros html, optimizamos las im\u00e1genes, activamos si es posible servicios de CDN y por fin pasamos nuestra web por el PageSpeed Insights<\/em><\/a> de Google.<\/p>\n 4. Revisi\u00f3n de todos los enlaces de la web<\/strong><\/p>\n Puede ser algo impl\u00edcito, \u00bfpero el enlace del logotipo lleva a la portada de la web? \u00bfY los dem\u00e1s enlaces est\u00e1n funcionando correctamente?<\/p>\n\n 5. Validaci\u00f3n de los formularios<\/strong><\/p>\n Es fundamental validar todos los formularios de nuestra web como los registros de usuario, contactos y formularios de pedido: autorrespondedores, campos obligatorios, integraci\u00f3n con otras plataformas comerciales, etc.<\/p>\n 6. Validaci\u00f3n W3C<\/strong><\/p>\n Es recomendable pasar nuestras paginas por el validador del W3C<\/a>. Eso nos ayudar\u00e1 a detectar errores comunes en nuestro c\u00f3digo: etiquetas mal cerradas, errores de markup, etc. Eso si, no vale de nada obsesionarse con estos informes, porque a veces NO utilizamos tecnolog\u00edas puras en nuestra web y por diferentes cuestiones el validador NO es capaz de reconocerlo y nos dar\u00e1 advertencias.<\/p>\n 7. Activar Google Analytics<\/strong><\/p>\n No hay que olvidar que en general, cualquier web ha nacido con unos objetivos de negocios claros y todo lo que hagamos deber\u00e1 ir enfocado a conseguirlo. Por tanto, de nada sirve tener una web si no sabemos qui\u00e9n pasa por ella, qu\u00e9 hace en la misma y si nos generan negocio de alguna manera, ya sea directa [compra de productos o contrataci\u00f3n de servicios] o indirectamente [suscripci\u00f3n al Newsletter]. Da igual que sea un mero escaparate de productos y\/o servicios o una megatienda on-line en la que se realicen centenares de transacciones diarias, si no activamos un programa como Google Analytics para controlar el desempe\u00f1o, no lo estaremos haciendo mejor que cuando repart\u00edamos publicidad no deseada por los buzones de correo.<\/p>\n 8. Sitemap (en formato xml y en formato web)<\/strong><\/p>\n Podemos esperar a que los buscadores rastreen nuestra web siguiendo los diferentes enlaces o podemos tomar la iniciativa y subir los sitemaps.xml a los diferentes buscadores para sugerirles las p\u00e1ginas que contienen nuestro nuevo y flamante sitio. El excelente plugin de YOAST<\/a> nos ayudar\u00e1 en esta tarea.<\/p>\n Tambi\u00e9n es necesario crear un mapa web en formato HTML. Otra vez, la activa comunidad de WordPress nos ofrece un plugin<\/a> apto para crear mapas web de forma automatica.<\/p>\n 9. \u00bfHemos activado los microdatos?<\/strong><\/p>\n Si queremos lanzar una web con una marcha m\u00e1s adelante, deber\u00edamos implementar los microdatos<\/a>, por lo menos en los elementos m\u00e1s relevantes de la misma como migas de pan, p\u00e1gina de contacto, fichas de servicios y productos, etc. Adem\u00e1s no debemos olvidarnos de pasar las p\u00e1ginas por el validador<\/a> para microdatos de Google.<\/p>\n Para los que no lo sep\u00e1is, los microdatos son etiquetas especiales de tipo sem\u00e1ntico que insertamos en el c\u00f3digo de la pagina y que facilitan a los motores de b\u00fasqueda el saber qu\u00e9 tipo de informaci\u00f3n est\u00e1n leyendo: fichas de productos \/ servicios, recetas de cocina, v\u00eddeos, localizaciones, etc.<\/p>\n 10. Backup de la web<\/strong><\/p>\n Olvidarse de hacer un backup de una web puede ser una pesadilla en la que no queremos despertarnos. Algunos alojamientos lo incluyen entre sus servicios, pero es importante saber si nuestro hosting lo incluye por defecto y si no, hacerlo nosotros mismos de forma peri\u00f3dica.<\/p>\n 11. Redirecci\u00f3n 301 de la web antigua<\/strong><\/p>\n Es un cl\u00e1sico subir una nueva web, cambiar las URLs y olvidarse de lo que hab\u00eda anteriormente. \u00bfQu\u00e9 pasa entonces con esos enlaces que hay hacia nuestras obsoletas URLs?<\/em> Este problema es mayor cuanto m\u00e1s tiempo tiene el dominio y cuanto m\u00e1s conocida es la empresa. No solo perderemos visitas, sino que los buscadores podr\u00edan penalizarnos, por lo que habr\u00e1 que estar muy atentos para que ninguna URL antigua quede sin redireccionar a URLs nuevas en caso de desaparecer.<\/p>\n 12. Titles y meta descriptions<\/strong><\/p>\n A d\u00eda de hoy, una gran parte de la gente que se dedica al dise\u00f1o y desarrollo web y al marketing on-line sabemos para qu\u00e9 sirve esta informaci\u00f3n que aparece en el c\u00f3digo de TODAS las p\u00e1ginas de la web. Es fundamental revisar que cada p\u00e1gina tiene un Title y una Meta Description \u00fanica y que est\u00e1 relacionada con el contenido a la que pertenece. Ser\u00e1 un peque\u00f1o paso para aseguraremos de tener una buena base para el posicionamiento en los buscadores.<\/p>\n 13. Enlace RSS<\/strong><\/p>\n Si estamos lanzando un blog o una revista, revisar que los enlaces RSS<\/a> est\u00e9n funcionando correctamente es de vital importancia. Unos RSS activos permitir\u00e1n a nuestros visitantes recibir todas las actualizaciones de nuestra web de forma autom\u00e1tica.<\/p>\n\n 14. P\u00e1gina 404<\/strong><\/p>\n Importante prepararla personalizada y por supuesto, dar opciones a los Usuarios para que encuentren lo que buscan, mostrando por ejemplo un buscador o los servicios, productos y\/o noticias mas visitados de nuestro sitio web.<\/p>\n 15. Favicon<\/strong><\/p>\n Evitamos dejar los iconos por defectos de nuestros CMS y personalizamos el favicon con el logotipo de nuestra nueva web. y si queremos ser a\u00fan m\u00e1s detallista, ponemos tambi\u00e9n un favicon dedicado para iPhone y iPad:<\/p>\n 16. Seguridad en el WordPress<\/strong><\/p>\n Last but not least<\/em>, no tenemos que subestimar el tema de la seguridad. Si estamos trabajando con WordPress tenemos que ser conscientes de que estamos utilizando una de las plataformas m\u00e1s amenazadas por los \u00abcyber\u00bb ataques. En Agencia Reinicia os recomendamos el plugin Sucuri<\/a> que puede ayudaros en analizar y hacer m\u00e1s segura vuestra web. Tambi\u00e9n confiamos en el equipo de ASPL<\/a> para monitorear constantemente nuestras web.<\/p>\n Aunque seguro que muchas de las acciones propuestas las llev\u00e1is a cabo, esperamos haberos dado alg\u00fan consejo o pauta que a\u00fan no siguieseis. Ante todo, esperamos que os ayuden a hacer mejores arranques de vuestros proyectos webs.<\/p>\n","protected":false},"excerpt":{"rendered":" Por fin ha llegado la hora tanto esperada: la subida de una web. Es un verdadero placer ver como el fruto de semanas o meses de trabajo toma cuerpo. En Reinicia os proponemos un listado de tareas y acciones que no hay que olvidar a la hora de subir una web. Esperamos que os ayuden a hacer mejores arranques de vuestros proyectos.<\/p>\n","protected":false},"author":3,"featured_media":1971,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_editorskit_title_hidden":false,"_editorskit_reading_time":0,"_editorskit_is_block_options_detached":false,"_editorskit_block_options_position":"{}","footnotes":""},"categories":[432,431,15],"tags":[96,97,98,99,100,73,74],"class_list":["post-1941","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-y-desarrollo","category-tutoriales","category-tutoriales-diseno-y-desarrollo-web","tag-favicon","tag-plugin-wordpress","tag-pruebas-arranques-web","tag-seguridad","tag-validaciones","tag-wordpress-seo","tag-wordpress-seo-yoast"],"acf":[],"yoast_head":"\n
\nUtilizamos este c\u00f3digo en la cabecera de todas las paginas (en los formatos .ico, .png y .gif):<\/p>\n<link rel=\"icon\" href=\"https:\/\/[path]\/favicon.gif\" type=\"image\/gif\" \/>
\n<link rel=\"icon\" href=\"https:\/\/[percorso]\/favicon.png\" type=\"image\/png\" \/><\/code><\/p>\n <link rel=\"apple-touch-icon\" href=\"\/favicon-iphone.png\" \/ >
\n<link rel=\"apple-touch-icon\" href=\"\/favicon-ipad.png\" \/ ><\/code><\/p>\n