Diseño Web

Diseño Web, Gestores de contenidos, Trucos

Cómo añadir un favicon a tu página en WordPress

A veces nos damos cuenta que no hemos incluido en el blog soluciones muy básicas, precisamente por ser tan básicas. Pero deberían estar aquí. Este es uno de esos casos, cómo añadir un favicon en una página de WordPress. ¿Qué es un favicon? Es la pequeña imagen que ves en las pestañas de los navegadores y que identifica el sitio. Parece una tontería, pero cuando, como yo, abres muchas pestañas, es útil para saber dónde está cada cosa. Y si tienes una página en WordPress, deberías tener un favicon. ¿Cómo se crea? Ya hemos compartido alguna vez generadores de favicons online. Lo mejor es que uses uno de esos, que ya te creará los iconos en varios tamaños para el navegador, los ipad, iphone etc. ¿Cómo se añade el favicon en tu página de WordPress? Tienes dos escenarios. Tu plantilla tiene un apartado para añadir el favicon. Es muy común en las plantillas comerciales. Normalmente junto al logo, y suele tener opciones para, como hemos dicho, otros tipos de iconos para tablets y móviles. Si es así, usa esta opción. Siempre será mejor y además es bueno tener todo en el mismo sitio. Tu plantilla no tiene un apartado para favicon. Es el caso más general, común en plantillas gratis o plantillas generales. En ese caso tenéis que ir a  Apariencia > Personalizar> Identidad del Sitio.  Ahí veréis un primer apartado con el título y la descripción del sitio. Después un segundo apartado que pone Icono del sitio. Ahí es donde tenéis que poner el favicon. Como dice WordPress, selecciona una imagen de “al menos de 512 píxeles de ancho y alto” y él sólo la pondrá como icono de la página.   Nota: esto es para versiones de WordPress 4.2 en adelante. Mucho más fácil que hace años que había que subir el icono por ftp al directorio raíz de la plantilla o del WordPress. Si es anterior (actualiza loco), tendrías que subirlo, y  a veces poner un código en el header.  

Diseño Web, Internet, Soporte, Trucos

Cómo trasladar una web de dominio y no perder posicionamiento SEO

Si has decidido cambiar una web de dominio, o a un subdominio, tienes que tener mucho cuidado. Para Google es como si hicieras una web nueva, como si fueras a abrir otra empresa desde cero. Y puedes perder tu posición en el buscador. Si no lo haces correctamente, puedes desaparecer del buscador durante un angustiosa y aparentemente largo periodo de tiempo. Ahora disponemos de la herramienta de Cambio de Dirección de Google Search Console, algo que facilita el trabajo. ¿Cómo debo proceder? Os damos algunas indicaciones. Primero, obviamente migra todo el contenido del sitio antiguo al nuevo. Miras las pautas de Google. Da de alta en Google Search Console la web nueva. Verifica la propiedad. Entra en Google Search Console en la web original, pincha en el icono de la rueda dentada y en Cambio de dirección. Ahí tienes que seguir el asistente para indicarle a Google a que sitio vas a cambiar. Una vez aprobado el traslado comprueba el tráfico cada cierto tiempo con estos consejos en mente. Nota: Esta herramienta no es compatible con cambios en el nombre del subdominio, cambios de protocolo (de HTTP a HTTPS) o cambios que solo afecten a la ruta. Fuente.

Diseño Web, e-Learning, Gestores de contenidos

Cómo trasladar recursos de un curso de Moodle a otro

Este semana un cliente que tiene un LMS con Moodle había creado un curso con mucho contenido. Después cambió de opinión y quería que el contenido estuviera distribuido en varios cursos. ¿Cómo mover todo ese contenido, actividades, ficheros, cuestionarios etc,  de un curso a otro? ¿Hay que rehacerlo? Bueno, la respuesta es no, se puede mover. De hecho lo que se hace es copiar, importarlo de un curso a otro. Os mostramos cómo en este vídeo:

Diseño Web, Sistemas, Soporte, Webs

Migrar una web a https. Problemas que pueden surgir y cómo evitarlos.

Muchos habréis leído o oído comentar a alguien como Google está, poco a poco, forzando a que todas las páginas web vayan con certificado. Es decir, que la información entre y a ellas vaya cifrada. No nos parece mal, es una capa de seguridad extra. Cuando un gigante tecnológico como este se empeña en imponer (o suprimir) una tecnología, es cuestión de tiempo, más aún en el caso de Google, dueños del buscador que usa más del 90% de los usuarios (más del 97% en España). Así que son lentejas. ¿Cómo lo está forzando Google? Primero anunció que https contaría como positivo en el SEO (el posicionamiento web), al principio con poco peso pero irá subiendo. Y estoy seguro que dentro de un tiempo no tenerlo será negativo. Después  empezó avisando en Chrome con una “i” que toda página que no está por https no es segura. Puedes comprobarlo en tu web ahora mismo por Chrome. Más tarde sacó un aviso en Chrome y mandó notificaciones a los dueños de páginas que estén preguntando por contraseñas (por ejemplo formularios de registro). El aviso dice que la página no es segura. Los avisos irán aumentando y también la “visibilidad” de los mismos. No tengo duda. Así que parece buena idea cambiar. ¿Qué pasos tienes que dar para la migración? Primero tienes que descargar un certificado, instalarlo en el servidor  y configurarlo para tu web. Es decir instalar un certificado en tu web. Y configurar el servidor para que todo el tráfico vaya por https. Mañana publicaremos un artículo sobre ese servicio ya que es mejor que lo haga un técnico. Pero antes y después debemos estudiar y ser consciente de los impactos de dicha migración. Para poder minimizarlos. Después Google da unas recomendaciones  y guía para la migración y unas  prácticas recomendadas para el https. Recomiendo leerlas. En general: Lee bien toda la información antes de hacer la migración. Prepara el servidor e instala el certificado. Comprueba las url, puede ser un buen momento para hacer las que puedas relativas y no absolutas. Mira también las imágenes y enlaces manuales. Da de alta en Search Console (Webmaster Tools) la web en https. La considera diferente a la http y de hecho las estadísticas las verás ahí tras el cambio. Configura la redirección de todo el http a https. Hazlo por 301 porque (y lo dice Google):¿Perderé atribuciones de enlace si redirijo mis páginas a otras URL? No. Los redireccionamientos de tipo 301 o 302 no disminuyen el PageRank de las páginas. Manda el nuevo sitemap a Search Console. Ten uno diferente para https. Comprueba que robots.txt no esté bloqueando nada del https. Puedes usar explora como google. Comprueba que todo se ve bien. Hay páginas o servicios (externos por ejemplo) que pueden dar problemas por https. Podemos desactivar https en ellos, no hace falta hacer el traslado de toda la web. Cambia los enlaces de las redes sociales para que apunten al nuevo sitio. Si puedes contacta también con la gente que apunta hacia ti para que haga el cambio. ¿Hay algún efecto negativo en cambiar de http a https? Puede haberlo, depende de cómo esté hecha tu web (por ejemplo si tus enlaces son absolutos o relativos), el SEO que tengas (si tu página es nueva el impacto no es importante) y cómo se haga la migración. Lo hagas como lo hagas, Google dice que: Si migras tu sitio web de HTTP a HTTPS, Google gestionará el cambio como un traslado de sitio web con un cambio de URL, lo que puede afectar de forma temporal a algunas cifras relacionadas con el tráfico del sitio. Los sitios web HTTPS pueden obtener una clasificación ligeramente mejor, pero no esperes un cambio muy significativo. Google utiliza el protocolo HTTPS como señal positiva para la clasificación. Es una señal entre muchas otras y actualmente conlleva un peso menor que un contenido de alta calidad en el sitio. A corto plazo, no obtendrás ventajas considerables en el proceso de SEO al trasladar un sitio web a HTTPS. A largo plazo, es posible que Google incentive más el uso del protocolo HTTPS. Así que afectar afectará, pero podemos minimizar el impacto, y (por lo que se ha visto en webs migradas) los beneficios luego son mayores. Conclusión. -Migrar implica dos servicios: instalación del certificado en el servidor y redirección de toda la web a https. – El cambio se puede hacer “a lo bestia”, pero recomendamos estudiar e intentar minimizar el posible impacto inicial en el posicionamiento que va a haber (sí o sí). Tu método va a depender del SEO que tengas ahora. –  ¿Puedes hacerlo tú? Dependiendo del conocimiento técnico. La instalación en el servidor es más difícil. El traslado no mucho. Pero siempre es recomendable que lo haga un técnico. – SmythSys facturará y ofrecerá los dos servicios a la gente que tenga la web tanto en sus servidores como en otros. Facturamos 45 min por la instalación del servidor y luego el tiempo dedicado en la redirección según se haga directamente o con los pasos previos recomendados. Podéis solicitarnos dicho servicio por los métodos de contacto habituales.        

Diseño Web, Gestores de contenidos, Información Tecnica, Noticias Informáticas

Cuidado con los pagos con tarjetas robadas en tiendas online

Como estamos en una “situación privilegiada” de contacto tanto con empresas como con clientes, nos enteramos muchas veces de casos como este. Y nos gusta avisar al resto de personas en situaciones similares y dar consejos para evitarlo. La información es la mejor defensa ante los timadores. Otro día a lo mejor os hablamos de otros timos más enrevesados que hemos visto en algún cliente, hoy tratamos el de los pagos con tarjeta. Esta semana un cliente ha tenido un caso de compras sospechosas en su tienda online, en su caso Prestashop (pero podía ser otro sistema) con pago por tarjeta de crédito. Las tarjetas eran aceptadas por el TPV del banco (en este caso Redsys), así que se saltaban ese método de seguridad que, como vemos hoy, no lo es tanto. Características del timo o por qué debemos sospechar. Eran pagos de más de 100€ pero menos de 400€. Se hacían pedidos repetidos de los mismos productos y las mismas cantidades (seguramente para no sobrepasar cierta cantidad que cree alarma). Si miras en el TPV eran desde la misma IP (genérica, de zona) y uno de los pedidos se intentó con varias tarjetas (hasta que una tragó). Los pedidos eran con tarjetas extranjeras (de varios países). Debe ser que en ciertos países la segunda identificación (el sms al móvil o similar) no es obligatorio. A mi personalmente me extrañó la facilidad con que tenían tarjetas que podían ser aceptadas por el TPV. No sabía que era “tan fácil” disponer de datos de tarjetas que suponemos robadas. El cliente preguntó en su banco y los pedidos ya mandados, al ser tienda segura (el TPV era, en teoría seguro), el seguro cubre las mercancías mandadas. Así que (siempre preguntadlo) en teoría no pierde dinero. Alguno se puede preguntar entonces, si están asegurados, por qué dejar que hagan pedidos. Si al final el comerciante no tiene la culpa que el TPV acepte las tarjetas. El gran problema es que, como siempre, los bancos y entidades similares no quieren perder. Y si detectan que estos pagos se hacen mucho en tu TPV te lo anularán. Si, no es tu culpa, y deberían tomar medidas para reducir la facilidad con la que entran esas tarjetas. Pero matando al enfermo se curan en salud. Así que al final, como siempre en España, es el comerciante el que tiene que tomar medidas. Consejos para reducir el riesgo de sufrir estos timos. Os dejamos algunos consejos que hemos descubierto o probado. Como las tarjetas son extranjeras, si puedes habla con tu banco o TPV para que no acepten tarjetas extranjeras si tus clientes son españoles. Esto no siempre puede hacerse y reduce tus clientes a nacionales…pero te quita de problemas. Si el TPV no hace dicha limitación, puedes poner una aviso en tus métodos de pago y en el pago de tu tienda que, por seguridad, no se aceptarán pagos con tarjetas extranjeras y se devolverán dichos pagos. Eso si, déjalo bien claro. Si tienes dudas, como en una tienda normal, pide una foto del DNI para que concuerde con los datos de la tarjeta. Cuidado: los de esta semana mandaban DNIs y tarjetas retocadas por Photoshop (y bien retocadas). Por eso mejor una foto para ver si se reflejan los mecanismos de seguridad. En caso de duda devuelve el pago y pide que hagan una transferencia o un pago en tienda. Retrasa los pedidos sospechosos y contacta con el cliente antes. De nuevo no es un método infalible porque algunos de estos clientes sí se ponen al teléfono y te confirman que todo bien. Poco más se puede hacer…porque insisto que el error es que el TPV (del que te fías) acepta las tarjetas. Si se os ocurren o conocéis otras ideas por favor ponedlas en los comentarios del artículo o de las redes sociales. Tener una tienda online abre el mercado a nuevos clientes y nuevas horas de apertura…pero también a los muchísimos timadores y ladrones de todos los tipos (cibercriminales o los más tradicionales). Y al final tienes que tomar tantas medidas como en la tienda física. Lo mejor, de nuevo, es conocer los riesgos para saber evitarlos (de ahí artículos como este).  

Diseño Web, Gestores de contenidos, Trucos

Error en WordPress: programación perdida

Hoy vamos a intentar explicar un error de WordPress que surge en determinadas ocasiones, si se dan varios casos, y que puede resultar extraño. Caso: Hemos programado una publicación de WordPress, o una oferta de WooCommerce, esperamos que se publique como siempre pero no aparece. Cuando entramos en el backend de vuestra tienda, aparece la publicación con una aviso en rojo: Programación perdida. Causa: ¿Por qué sucede esto? Vamos a intentar explicarlo. Cuando programas una entrada en WordPress, lo que hace el sistema es usar un pseudo-cron llamado wp-cron.php. Como no puede modificar el cron del servidor, deja las tareas pendientes hasta que se cargue un script, hasta que se carga página (porque un cliente ha visitado la web). Es decir, si no se cargan las páginas no se ejecutan las tareas programadas. ¿En qué casos no se cargan las páginas? Si se dan algunas de estas condiciones: No ha habido visitas a tu página en ese periodo de tiempo. Pero tu página tiene que tener pocas visitas para eso. Tienes un sistema de caché en tu web (como W3 Total Cache) que tiene caché de objetos. En ese caso, cuando los clientes solicitan visitar tu página, el sistema les proporciona un html generado, no la página php que dispara el cron wp-cron.php. El cliente visita la página, pero, al ser cacheada no dispara la tarea programada. Soluciones: Tienes tres soluciones posibles. En teoría podemos desactivar en los sistemas de caché la caché de objetos. En W3 Total caché está en Rendimiento>Objet Cache.   Pero nosotros lo teníamos desactivado y aún así no saltó el cron. Si pasa muy a menudo, y tienes acceso de gestión por ssh, o por panel al cron del servidor, puedes editar el cron del servidor para llamar (con fetch) cada cierto tiempo al wp-cron.php. (por la ruta http://www.tuweb.es/wp-cron.php?doing_wp_cron) . Con el tiempo que quieras, por ejemplo cada 15 minutos. Cómo hacerlo depende de cada servidor y el acceso que tengas. Con un plugin. Tienes plugins como Improved Cron, WP-Cron Control,  o WP-Crontrol.  Algunos lo gestionan ellos, otros puedes poner un hook y gestionar tu cuando quieres que se ejecute el código.    

Diseño Web, Gestores de contenidos, Trucos

La importación desde un Excel, en Prestashop, da error de fecha no válida

Si gestionas una tienda en Prestashop con bastantes productos, o con un inventario que viene de otro software, estarás acostumbrado a importar productos a tu tienda. En ocasiones, si estás usando un fichero Excel (xslx) para realizar los cambios y luego importarlo a Prestashop, puede que obtengas un error de fecha al importarlos. Puedes tener el error en cualquier campo de fecha (date_add o date_upd). La razón del error es que Excel usa un sistema llamado valores de serie para almacenar las fechas. Almacena todas las fechas como enteros y todas las horas como fracciones decimales. Pero claro, nosotros estamos acostumbrados a verlos como dd/mm/aaaa o similar. Prestashop requiere las fechas en formato aaaa-mm-dd. La solución es sencilla. Tienes dos maneras de arreglar esto. Puedes exportar tu Excel a un fichero delimitado por comas, csv, antes de la importación a Prestashop. En la conversión te convertirá la fecha de serie a texto. Problemas: 1) Al pasarlo a cvs se te van también todas las fórmulas y modificaciones Excel que hayas hecho al fichero. El formato csv permite pocas cosas. Por lo tanto debe ser un fichero sólo de importación. 2) Tienes que asegurarte antes de pasar la fecha al formato que necesita Prestashop (aaaa-mm-dd). Entonces puedes requerir otro paso…y para eso haz el siguiente método y te quedas con el Excel. Si quieres mantenerte en el formato Excel, tienes que cambiar el formato de fechas de serie a texto, con el orden que requiere en Prestashop. Para ello vamos a usar la función TEXT (fecha;”formato”). Si tu Excel está en español la función es  TEXTO (fecha;”formato”). Os lo mostramos en el vídeo:  

Diseño Web, Gestores de contenidos, Trucos

Plugins de Captcha que recomendamos para WordPress

Ayer,  respondiendo a una pregunta de un cliente sobre spam en su web de WordPress, nos dimos cuenta que tenemos en el blog plugins de anti-spam, hemos comentado cómo manejar listas negras, pero no lo más sencillo: los Captcha.  Muchas veces publicamos lo complicado y nos olvidamos de lo simple. Así que hoy os hablamos de los Captcha y os recomendamos los plugins que usamos. ¿Qué son los Captcha? Son las imagenes que tenéis que identificar, o las operaciones que tenéis que resolver, o los puzzles que tenéis que montar antes de poner un comentario en una página web. ¿Por qué existen? Porque si no los administradores de páginas web tendríamos que estar borrando cientos de posts de spam al día. Hay robots en Internet que se dedican a plubicar en todos lados. Cuanto más gente lea tu web, más spam te llega. ¿Son eficaces 100%? No. Fueron uno de los métodos de intentar resolver el spam, pero los robots aprendieron a saltárselo. Cada vez que le pones una barrera a los hackers se deleitan en buscar maneras de saltársela. Pero si que es un primer filtro que quita una gran cantidad de publicaciones basura.   Así que recomendamos crear protecciones por capas. Es decir tener Captcha, tener listas negras, incluso tener pugins de anti-spam. Os dejamos los plugins que usamos normalmente con sus pros y sus contras. Captcha by BestWebSoft. Uno de los más usados y seguramente la primera opción si no queremos complicarnos. Permite texto, operaciones, configurar dónde tiene que aparecer y a quién etc. Google Captcha (reCaptcha) by BestWebSoft. Otro plugin de BestWebSoft, en este caso para implementar reCaptcha, el Captcha de Google. Personalmente me gusta mucho la versión de Google, que se puede implementar a mano, pero  siempre es más sencillo si te lo deja el plugin. Algunos plugins como Contact Form 7 se pueden integrar con reCaptcha. Captcha Code. Uno muy simple (con pocas opciones) para el que no quiera líos. Conditional Captcha. Un módulo “inteligente” que mira primero si la persona tiene un comentario aprobado, o según la puntuación de Askimet, y decide si presentar el Captcha o no. Math Captcha. Otra versión a probar.  

Diseño Web, Gestores de contenidos, Soporte

No puedo entrar en el backend de WordPress tras actualizar. Solución

Ayer tuvimos un caso que ya nos ha ocurrido más veces en algún cliente (haber hecho tantas webs y llevar el soporte de muchas de ellas es lo que tiene). Después de una actualización ya no se podía entrar en el backend (wp-admin) de WordPress. Pero la web funcionaba perfectamente. En estos casos, cuando intentas entrar en el backend se te redirige a una url del tipo http://tudominio.com/wp-admin/upgrade.php?_wp_http_referer=%2Fwp-admin%2F El problema puede ser debido a varias razones. Es muy similar a este que publicamos hace unos días. Al final es que o un plugin es incompatible, o requiere actualización o, como en este caso, es la base de datos la que requiere actualización. Solución. Para solucionar este problema debemos: Acceder al servidor por FTP. Cambiar de nombre el directorio plugins Acceder al backend (wp-admin).Ahora debería dejar y, tras inciar sesión, debería pedir actualizar la base de datos. Tras aceptar la actualización debemos ir otra vez al FTP y renombrar el directorio de nuevo a plugins. Mirad que todos los plugins necesarios están activos y actualizados y que la página funciona correctamente.  

Compartir, Diseño Web, Video, Webs

Canal recomendado para CG, VFX, 3D y animación: Carolina Jiménez

Sabemos que nos lee gente de todos los estilos y edades. Y entre ellos seguramente habrá más de un estudiante interesado en la animación por ordenador, o algún profesional que esté dedicado a este campo. Si ese es el caso quizás habréis oído hablar de Carolina Jimenez, una CG (Computer Generated) Artist , animadora, que ha trabajado en películas como: – The Hunstman (Cedric Nicolas-Troyan) 2016 – Alice Through the Looking Glass (James Bobin) 2015 – The Hobbit: The Battle of the Five Armies (Peter Jackson) 2014 – Dawn of the Planet of the Apes (Matt Reeves) 2014 – The Hobbit: The Desolation of Smaug (Peter Jackson) 2013 – Superman, Man of Steel (Zack Snyder) 2013 – World War Z (Marc Forster) 2013 – The Hobbit: An Unexpected Journey (Peter Jackson) 2012 – Prometheus (Ridley Scott) 2012 Podéis ver su filmografía aquí y os dejo una demo reel de su trabajo hecha en el 2014. Bueno, pues una vez presentada, y puesta en contexto, lo que quería contaros hoy. Carolina, además de su página de Facebook, blog y demás redes sociales tiene un canal de Youtube. Hace unos días ha decidido, y me parece una GRAN idea, responder a las preguntas que la gente pueda tener sobre su trabajo (programas que se usan, cómo se trabaja, consejos, métodos, sitios donde poder ver buenos tutoriales…). Y obviamente, ya que trabaja actualmente en películas, es una fuente excelente para aquellos a los que os interese este mundillo. Vi el primero vídeo en directo y, sin ser del mundillo, me interesó saber cómo funcionaba. Buen trabajo. Por cierto, también me gustó mucho la partida online con tu hermano jejejeje. PD: Te he robado la foto directamente….espero que no tenga copyright 😀 Se que habrá muchos otros CG Artists españoles, pero no los conozco. Sin embargo, conozco a Carolina (es la mujer de un amigo) y se que ayudará en lo posible a todos los que pregunten e intentará aportar lo que pueda. Sabéis que siempre apoyamos eso en el blog. Suerte Carol, sin presión…. pero MUY buena idea. Todo lo que podamos ayudar a otros, todo lo que podamos ahorrarles de problemas que ya hemos pasado, usando estos métodos que la tecnología nos da, es un gran paso. Ojala hubiéramos tenido estos recursos hace años ¿no? 😀 ¡Estad atentos a sus vídeos! Los recomendamos.      

Scroll al inicio