Actualizar a Joomla 3.5.1 es muy fácil y rápido de realizar. Accedes al backend y haces clic en el botón de actualización desde Componentes. El aviso de disponibilidad de nueva versión de actualización será claramente visible al acceder al backend como administrador.

Joomla informa que existen extensiones disponibles que pueden aplicar las actualizaciones de forma automática.

Problemas corregidos en Joomla 3.5.1

Joomla 3.5.1 corrige algunos problemas encontrados en la versión 3.5.0 hace dos semanas, esto incluye:

• Corrección de la URL raíz en ocasiones devolviendo vacía en las URLs canónicas.
• Corregido tener que iniciar sesión dos veces cuando la sesión de usuario expira.
• Algunos mensajes de correo electrónico SMTP que no podían ser enviados debido a un error en la configuración del servidor de correo electrónico SMTP.
• Solucionado un problema de reinicio de la sesión que causaba errores de PHP.
• Corregido insertid() devuelve 0 para el driver MySQL PDO.
• Corregido problema con la Papelera vacía y el botón des-archivar no existente para com_banners.

Los requisitos técnicos para Joomla 3.5.1 son:

• PHP (Comillas mágicas GPC apagadas): 5.6 o 7.0 - Minimo PHP 5.3 (mejor 5.4), funcionando con PHP 5.5.x bien.
• MySQL (Soporte InnoDB necesario): 5.5.3+ (mínimo 5.1).
• Apache (con mod_mysql, mod_xml y mod_zlib): 2.4+ (mínimo 2.0).
• Nginx: 1.8 (mínimo 1.0).

Descargas:

• Instalación nueva de Joomla 3.5.1: (paquete completo en inglés)
• Paquete de Actualización a 3.5.1: (paquete de actualización en inglés)

Gracias

El equipo de desarrollo de Joomla quiere dar las gracias por la impresionante labor que han realizado los cientos de colaboradores voluntarios en todo el mundo.

Gracias a todos los voluntarios que ayudan a hacer Joomla!

A los 7 u 8 segundos algunos ya empiezan a marcharse. De hecho dicen que las personas tardamos 7 segundos en decidir si una página web nos interesa o no. Si de esos 7 segundos, 6 nos los pasamos viendo como carga la web, pues imagínate.

Y hoy en día, con la de alternativas que hay en Internet que funcionan mejor, no creo que haya nadie que espere más de 10 segundos de tiempo de carga para ver una web.

Pero pero por si ésto no te parece suficiente, aún hay más, y es que ésto también afecta de manera directa e indirecta al SEO.

Recuerda que el SEO se podría definir como el conjunto de técnicas gratuitas que se utilizan para que tu página web o blog salga posicionada en los primero resultados de las búsquedas de (sobre todo) Google.

Y ésto afecta de manera directa al SEO porque Google mide el tiempo de carga de tu blog, ya que la experiencia de usuario es muy importante para ellos, y prefieren mostrar en sus resultados blogs o páginas web que carguen rápido en detrimento de las que presentan un peor funcionamiento.

Piensa que si Google ofrece buenos resultados a sus usuarios, éstos volverán a seguir usando la herramienta cada vez que necesiten algo. Así que no lo hacen tanto por el usuario como por sí mismos, pero el caso es que ya ves que ésto a ti te afecta de manera directa.

Y también te afecta de manera indirecta porque el tiempo de permanencia que pasan los usuarios en tu web también es un dato valioso para Google.

Si tu blog carga rápido, los usuarios se animarán a navegar por él y se quedarán más rato mirando tus contenidos. Sin embargo, si navegar por él es una tortura, la gente se irá, y perderás lectores e importancia a los ojos de Google.

Además, ésto también afecta a tu credibilidad. Si estoy buscando un servicio por Internet, ¿a quién preferiré contratar: al que tiene una web que funciona bien y que desprende profesionalidad, o al que tiene una web que va a pedales y que necesita optimizarse?

Y por supuesto, ésto también se verá reflejado en tus conversiones.

Si el usuario que llega a tu web se queda y navega por ella, es muy posible que acabe viendo lo que vendes. Y si se siente cómodo y confía en tu web es más probable que acabe comprando que si está en una web con fallos, ya que podría pensar que va a tener problemas con el proceso de compra o contratación y preferir no arriesgarse.

¿Cómo optimizar WordPress?

Ahora que creo que ya te he convencido para que sigas leyendo te voy a explicar 9 consejos para acelerar WordPress y hacer que las páginas carguen más rápido.

Utiliza un tema profesional

Comprar una buena plantilla profesional, que esté bien programada para funcionar con fluidez, y que no tenga excesivo código, es una de las mejores inversiones que puedes hacer para tu blog.

Muchos profesionales utilizan los temas de Genesis. De hecho yo mismo las uso para todos mis proyectos y estoy encantado. Su diseño es muy profesional, hay un montón donde elegir, y su funcionamiento es impecable.

Además, también existen plugins que te van a permitir modificarlas al máximo sin saber nada de código, así que están adaptadas a todos los niveles de uso.

Y es más, en Webempresa también recomiendan que si vas a invertir algo de dinero en un tema profesional, lo hagas en los de Genesis. En esta entrada podrás leer más detalladamente el por qué.

Elimina los plugins que no utilizas

Yo no estoy en contra de instalar todos los plugins que necesites, independientemente de que sean 10 o 20. Pero insisto: los que necesites.

Si tienes plugins que no usas y están desactivados, elimínalos de tu blog, ya que lo único que hacen es consumir recursos de tu servidor y hacer que vaya más lento.

Por tener uno no pasa nada, pero cuando se juntan varios la verdad es que es un consumo de recursos bastante innecesario.

Lo mismo pasa con plugins que no añadan funciones importantes: no abuses de los que solo son un adorno, ya que al final pueden acabar pasando factura en el tiempo de carga de tu blog.

Hay un plugin que se llama P3 (plugin performance profiler) que sirve para medir cómo impacta en los tiempos de carga los plugins que estás usando. Y te los mide uno a uno.

No está de más que de vez en cuando te instales este plugin y hagas una comprobación para asegurarte de que todo marcha correctamente.

Por otro lado, instala plugins de calidad. Revisa antes los comentarios de los usuarios y comprueba si se actualiza con cierta frecuencia. Y si puedes encontrar información en Internet de alguien que lo recomienda, mejor que mejor ;)

Utiliza un plugin de caché y otro de lazy load

Seguimos con los plugins, pero esta vez para recomendarte que te instales uno de caché.

Estos plugins lo que hacen es guardar unos pequeños archivos de contenido estático (contenido que no cambia) de tu blog en el ordenador de tus lectores, así la próxima vez que vuelvan a meterse en él, en vez de tener que cargar todo tu blog desde el hosting, solo tendrán que cargar una parte, ya que la otra estará guardada en su ordenador.

Eso es más rápido para ellos y mejor para ti porque así se saturan menos las peticiones a tu hosting.

El plugin que yo utilizo para ésto y que da muy buenos resultados es el WP Rocket Cache, pero es de pago.

Si buscas una alternativa gratuita 3 muy buenos son: WP Super Cache, W3 Total Cache y WP Fastest Cache.

Por cierto, aquí te dejo un tutorial de WP Super Caché por si te animas a probarlo.

Luego, aunque menos importante que el plugin de caché, también es útil que instales un plugin Lazy Load (sobre todo si tienes un blog o web con muchas imágenes).

Lo que hace este plugin es retrasar la carga de las imágenes que no están en el campo visual del lector (es decir, las que aún no han salido en la pantalla porque el usuario no ha llegado a ellas), y las va cargando según van apareciendo.

Las imágenes suele ser de lo que más tarda en cargar, así que con este plugin evitas que se tengan que cargar todas desde el principio y la velocidad de carga al entrar a una de tus páginas mejora considerablemente.

De todos modos, para que las imágenes no sean un problema, lo mejor es optimizarlas. Sigue leyendo que te daré unos cuantos trucos sobre ésto más adelante.

Utiliza un hosting de calidad

De todos los consejos que vamos a ver, éste es uno de los más importantes (si no el que más).

Son varias cosas en las que te tienes que fijar a la hora de contratar un hosting para tu blog, pero vamos a fijarnos ahora solo en las que tienen que ver con la velocidad.

Primero intenta que sus servidores estén lo más cerca posible del país donde está el público al que te diriges.

Es cuestión de matemáticas: cuánto más cerca esté almacenado tu blog de la casa donde está tu usuario, menos distancia tendrá que recorrer la información y más rápido cargará tu web.

Luego, intenta que los discos donde se almacena la información sean SSD, que son mucho más rápido que los discos de almacenamiento normales.

Otra de las cosas en las que te tienes que fijar es en los recursos que ofrece el hosting. Procura que tenga suficiente memoria y que pueda soportar picos de tráfico puntuales sin sobrecargarse.

Si el hosting que eliges tiene pocos recursos y se sobrecarga con facilidad, tu web estará caída con más frecuencia de la que te gustaría, y eso es malo para tu imagen y la de tu marca.

Y si la empresa con la que contratas es especialista en WordPress, mejor que mejor, ya que no solo es que tu blog WordPress vaya a funcionar mejor con ellos, sino que además desde su soporte técnico van a saber solucionar mejor tus problemas.

Y créeme si te digo que cuando tienes un problema no quieres hablar con cualquiera, sino solo con alguien que te entienda (que a mí me ha pasado).

Optimiza las imágenes de tu blog

Aquí ya te he mencionado antes cómo unas imágenes mal optimizadas pueden afectar negativamente a la velocidad de carga de tu web.

En este caso son dos cosas en las que te tienes que fijar: tamaño y peso de la imagen.

Con respecto al tamaño, lo ideal es que la imagen sea del tamaño de tu blog, ni más grande ni más pequeña.

En lo que te tienes que fijar es en cómo de anchas son las imágenes que se muestran en las entradas de tu blog, y recortar o modificar el tamaño de las imágenes a esa anchura. Has de saber que la anchura a la que se muestran las imágenes en tu blog depende de la plantilla que hayas utilizado.

Cuando más grande es una imagen más pesa (más espacio ocupa en el almacenamiento), por lo que es más lenta de descargar. Y si es más pequeña del tamaño ideal puede que ésta se vea pixelada en las pantallas de tus usuarios.

Por eso lo mejor es que tenga el tamaño justo.

Para cambiar el tamaño de una imagen los ordenadores ya suelen traer de serie herramientas de edición de imagen, tanto en Mac como en Windows. Pero si no te manejas con ninguna, esta herramienta online te puede echar una mano.

Y con respecto al peso, una vez que ya tengas la imagen recortada, lo que tienes que hacer es comprimirla para que su tamaño en disco sea el menor posible (es decir, para que ocupe los menos Kb posibles).

Para ello yo utilizo la siguiente herramienta: tinypng.com

Funciona de fábula. Lo único que tienes que hacer es subir las imágenes ya recortadas y él las comprimirá. Luego te las vuelves a descargar y listo. Ya verás cómo la imagen casi no ha perdido nada de calidad y sin embargo ocupa mucho menos.

Optimizar imágenes es muy sencillo y la verdad es que es una de las cosas que más impacto tienen en la velocidad de tu blog. Además, si eres cliente de Webempresa tienen un servicio gratuito en el que ellos las comprimen por ti, ayudándote a ahorrar un montón de espacio en el hosting y mejorando considerablemente así la velocidad de carga de tu blog.

Ten todo actualizado. Siempre

Ésto es importante para la velocidad de tu blog, pero también para su seguridad.

Ten siempre los temas, los plugins y el propio WordPress actualizados a la última versión, ya que normalmente los desarrolladores, además de nuevas funciones, siempre intentan introducir mejoras en seguridad y en velocidad.

No cuesta nada hacerlo y te puedes ahorrar algún que otro problema.

Elimina el spam

Por un lado, es aconsejable que utilices en tu blog algún plugin anti spam.

Primero por comodidad para ti, ya que del spam no nos libramos nadie, y es una auténtica molestia tener que moderar varios comentarios todos los días porque hay muchos que están en otro idioma y que solo buscan hacerse publicidad.

En serio, eso pasa, y te pasará a ti también aunque lleve poco tiempo con el blog. Ya te digo que de eso no nos libramos nadie.

Pero por suerte hay plugins que se dedican a filtrar este tipo de comentarios y a eliminarlos automáticamente de tu blog para que no te tengas que preocupar por eso.

En este post se habla sobre uno de ellos y verás también cómo configurarlo.

Tener un blog libre de spam, además de ser bueno para que tus lectores no la sufran cuando ven los comentarios, también es bueno para la velocidad de tu blog, ya que al fin y al cabo estás eliminando cosas que no sirven para nada.

Piensa que cuando se carga uno de tus post también se tienen que cargar los comentarios, y eso también puede llevar algo de tiempo (por poco que sea). Así que, ya que ocupa tiempo, por lo menos que no sea porque se están cargando comentarios de spammers que solo se dedican a molestar.

Unifica el código de tu blog

Esta opción es un poco más avanzada, por lo que me voy a extender un poco menos porque quiero ir a lo fácil, y lo único que quiero es que la conozcas para que sepas que existe, ya que no siempre es necesario utilizarla.

Y te recomiendo también que si te decidas a usarla, nada más hacerlo compruebas que todo sigue funcionando correctamente.

Consiste en utilizar un plugin que agrupe en un mismo sitio ciertos archivos que tu blog necesita para funcionar, ya que si está todo agrupado, para tu blog será más fácil encontrar la información y por lo tanto funcionará más rápido.

Muchos plugins de caché de los que te he mencionado antes ya incluyen esta opción, así que no necesitas instalar otro plugin.

De todos modos, aquí tienes un post en el que se habla más sobre el tema.

Utiliza un CDN

Esta opción también es algo más avanzada, así que tampoco me voy a extender demasiado y solo te voy a explicar en qué consiste.

Un CDN es un servicio que lo que hace es almacenar el contenido estático de tu blog y lo sirve él para liberar de trabajo a tu hosting habitual.

Así, cuando alguien intenta acceder a tu blog, en vez de tener que ser el hosting el que se encargue de servir toda la información necesaria, digamos que el CDN asume parte del trabajo y así la velocidad de carga global es menor.

¿Cómo sé cuál es la velocidad de carga de mi blog?

Hay bastantes herramientas gratuitas que te permiten saber ésto.

Google Page Speed test

Ésta es la herramienta de Google que te permite medir la velocidad de carga de tu blog dándote una puntuación del 1 al 100.

Mide varios puntos por separado (por ejemplo el peso las imágenes, tiempo de respuesta del hosting, etc.), y te marca por colores cómo afecta cada uno de ellos por separado para que puedas corregirlos. También mide la velocidad de tu blog en el ordenador y en el móvil, ya que suele variar.

Lo ideal es que las notas estén en verde, pero tampoco te obsesiones con llegar al 100 porque siempre va a haber algo que mejorar.

Accede a Google Page Speed test desde aquí, escribe la url de tu blog y haz clic en el botón azul de “Analizar”. El análisis tarda unos segundos, así que ten paciencia, y en unos instantes te saldrán los resultados en la pantalla.

Pingdom Tools

Otra herramienta también muy fiable. Algo más compleja de interpretar que la anterior, pero mucho más conocida y usada.

Esta herramienta te da el tiempo de carga exacto de tu web y te dice cuánto datos tiene que descargar cada vez que alguien accede a tu blog.

Luego, debajo te sale una gráfica con lo que ha tardado cada elemento en tardar. Si estás empezando ya te digo que igual son demasiados datos, pero desde luego te descarga las cosas una a una y puedes aislar fácilmente qué es lo que más está ralentizando tu blog.

Accede desde aquí a Pingdom Tools, introduce la url de tu blog y haz clic en el botón negro “Test Now”.

Gtmetrix

Esta herramienta también mide un montón de puntos de tu blog para ver qué es lo que más está afectando a los tiempos de carga, y luego te desglosa un listado con colores para que puedas ver qué es lo que más está perjudicando y lo que mejor está funcionando.

La nota máxima que te puede dar es A+, aunque a partir de B ya está bastante bien y sale en color verde.

Para hacer un análisis entra a Gtmetrix, introduce la url y haz clic en el botón azul de “Analyze”.

Pero lo dicho, no te obsesiones con las notas ni con tener todo al 100% perfecto. Simplemente ve mejorando las cosas que puedas mejorar poco a poco siguiendo los consejos que te he dado a lo largo de este tutorial.

Además, de las 3 herramientas que te he dado para medir la velocidad de tu blog, puede que lo que una te diga que está bien, otra te diga que es mejorable. No es normal pero puede pasar, así que tampoco te agobies y procura que el resultado global sea bueno en las tres.

¿Y tú? ¿Ya tienes tu blog bien optimizado? ¿Cuál es su velocidad de carga?

Imaginate lo interesante que es tener una carpeta en tu cuenta de DropBox donde almacenas los archivos descargables o infoproductos y los sirves directamente desde ahí a través de WooCommerce, aprovechando que dispone de funcionalidades para la venta de productos digitales.

Hay un plugin escrito por Vadiem Janssens llamado WooCommerce Dropbox que además de ser gratuito hace muy bien su trabajo y te permite usar tu cuenta de DropBox para servir archivos a través de DropBox como productos descargables.

Instalación y configuración del plugin:

1. Realiza una copia de seguridad de tu web.
2. Desde el dahsboard ve a Plugins, Añadir nuevo.
3. Localiza en el buscador el plugin WooCommerce Dropbox.
4. Haz clic en el botón "Instalar ahora".
5. Activa el plugin tras la instalación.
6. Abre una pestaña nueva en tu navegador y vete a la web de Desarrolladores de DropBox 1.
7. Haz clic en el botón azul Crear aplicación.
8. Elije 'Dropbox API "para el Paso 1.
9. Establece un nombre para la App único (por ejemplo: SEOymuchomas-woocommerce) para el paso 3.
10. Anota la clave de aplicación Api Key.
11. Ve a WooCommerce, Ajustes.
12. Abre la pestaña Integración.
13. Pega tu clave de API y guarda los cambios.

1 : Obten la API Key de DropBox para tu plugin desde DropBox/My Apps.

Si no tienes claro como se realiza este proceso, consulta el artículo que tenemos publicado en el Blog Cómo crear una App en DropBox y obtener el API Key para obtener la API Key para tu App.

En el siguiente vídeo puede ver el proceso muy completo y detallado de como se instala el plugin y se configura la API Key y posteriormente añadir productos descargables desde tu cuenta de DropBox.

Lo que debes saber si usas cuentas gratuitas de DropBox:

Dropbox tiene límites de uso de enlaces públicos cuando se utiliza una cuenta gratuita, pro o de empresa. Ten en cuenta esta limitación antes de utilizar este plugin.

Las cuentas gratuitas permiten el uso de 20 GB por día o 100.000 descargas antes de que los enlaces de descarga dejen de funcionar.

Las cuentas Pro o de Empresa permiten el uso de 200 GB por día antes de que los enlaces de descarga dejen de funcionar (sin límite en el número de descargas).

El plugin WooCommerce Dropbox trabaja mejor con archivos PDF, documentos de texto, documentos de Excel, etc., (no para de vídeo u otros archivos de gran tamaño).

Si quieres tener más detalles sobre las limitaciones de uso de DropBox para servicios externos, consulta el Centro de Ayuda de DropBox donde te lo explican claro y castellano.

Descargar productos digitales o infoproductos desde tu tienda WooCommece será ahora más interesante para ti como administrador de tu sitio web, principalmente porque ahorras espacio y ancho de banda sin dejar de ofrecer archivos descargables en la Tienda o sitio web.

¿Quien dijo que ofrecer infoproductos en WordPress con WooCommerce no era sencillo y divertido?

Características desconocidas de WordPress que vale la pena conocer

Muchas de las cosas que te voy a mencionar aquí son pequeñas cosas que si las combinamos y sumamos a todas, pueden hacer una gran diferencia y si utilizas WordPress en tu día a día estoy seguro que algo de esto te va ser muy útil.

Además creo que esto sirve para ver esos pequeños detalles que muchas veces no vemos y que realmente suman o agregan un condimento especial para los nos gustan saber todos lo pequeños trucos.

1. Eliminar los enlaces permanentes para regenerarlos

Si nunca has oído hablar de los enlaces permanentes, un enlace permanente es la dirección URL de un post o una página. Este lo puedes cambiar pulsando el botón editar bajo el campo de título en el editor de WordPress.

Por lo general, los enlaces permanentes son los mismos que la página o el título del post o al menos se compone de la palabra clave principal utilizado para ese post.

Si cambias el título y quieres hacer lo mismo para el enlace permanente, no es necesario que escriba la nueva dirección URL manualmente. WordPress la puede regenerar de forma automática.

Para ello, simplemente tienes que hacer clic en el botón de edición de la página o el enlace del post y eliminar todo por completo.

Si haces clic en Aceptar después de haberlo eliminado, WordPress insertará el título de la página como el nuevo enlace permanente, sí con los guiones y todo =)

Además, si quieres configurar manualmente el nuevo enlace permanente (por ejemplo, cuando se utilizas una palabra clave como URL de destino), no es necesario escribir los guiones entre las palabras.

2. Crear vistas personalizadas en el escritorio de WordPress

Una características de WordPress que no es tan conocida, son las opciones de pantalla en el escritorio de WordPress.

Para hacer esto tienes que ir a la parte superior de la pantalla y hacer clic en el botón que dice Opciones de la pantalla y ahí mismo puedes ajustarlo a tu gusto.

Aquí puedes personalizar cualquier elemento que venga por defecto y agregar por ejemplo como muestra la imagen que sigue si queremos ver la parte de comentarios, autor, etiquetas, categorías es decir puedes personalizarlo tu antojo.

Estás características son específicas para cada usuario, eso significa que cualquier ajuste que hagas mientras estés conectado a tu perfil se guarda sólo para ti.

Por lo tanto, puedes cambiar las cosas a su antojo sin que nadie se dé cuenta, además los cambios de opciones de la pantalla también se trasladan al iniciar sesión en tu sitio desde cualquier otro equipo.

3. Usar lenguaje Markdown en WordPress para ahorrar tiempo en formatear la etiquetas de tus post

Markdown es un lenguaje simple de marcas inventado originalmente para hacer más fácil la escritura de código HTML mediante la sustitución de las etiquetas HTML, simplemente lo que haces es convertir el texto plano en etiquetas HTML.

Desde la versión 4.3, el editor de WordPress viene con esta funcionalidad cuando lo utilizas en la función visual.

Esto te permite usar diferentes caracteres para darle formato al post sin estar colocando todas las etiquetas.

Por ejemplo, es posible utilizar el símbolo numeral (#) para crear tus títulos. Si colocas ## frente a cualquier texto, este lo convertirá en una etiqueta de encabezado H2, en caso de que quieras un H3 debes colocar ### y así sucesivamente.

Por ahora, la lista de caracteres para usar disponibles es bastante limitada, pero te puede ayudar algunas como estos:

• Poniendo * o - al frente del texto consigues listas desordenadas
• Lo mismo con o 1. 1) para las listas ordenadas
• El que te conté al principio, con el símbolo # para crear los títulos H2-H6

Si has utilizado este código por accidente en algún lugar dónde no lo quieres, puedes revertirlo presionando Esc o Ctrl+Z.

Además si te han gustado estás funciones, existen algunos plugins cómo WP Markdown en dónde puedes añadir algunos otros atajos.

4. Pegar Enlaces Directamente

Es de cajón que en todos tus post vas a tener que pegar o copiar algún enlace, siempre tendrás algún que otro enlace interno y externo en tus contenidos.

Normalmente para crear un enlace en WordPress tenemos que seleccionar algún texto, hacer clic en el botón de Insertar enlace, pegar la URL a dónde la queremos enlazar y finalmente hacemos clic en Añadir enlace.

Ahora, si te gusta trabajar con los atajos en el teclado, es posible que ya sepas que usando Ctrl+K puedes añadir enlaces en lugar de tener que hacer clic en el botón dentro del editor.

Sin embargo, todo este proceso se ha vuelto aún mucho más fácil.

Esto se debe a que en las últimas versiones, sólo tienes que seleccionar un texto en el quiere colocar el enlace y pegar directamente la URL que deseas vincular.

WordPress creará automáticamente un enlace con el texto seleccionado en vez de reemplazarlo.

Si quieres que el enlace se abra en una nueva ventana, aquí si tendrás que entrar en el editor.

Insertar contenido de WordPress embebido automáticamente

Insertar contenido embebido en WordPress no es nada nuevo, esto existido desde hace mucho y seguro que lo usas muy seguido.

Que estoy queriendo decir, por ejemplo cuando pegas un enlace de un vídeo de YouTube, un Tweet o lo que sea que estés tratando de incluir y sea compatible con WordPress, automáticamente será embebido en la entrada, sin necesitar agregar nada más.

Sin embargo, también podemos hacer lo mismo con un contenido de WordPress y este será embebido de la misma forma, siempre y cuando tu sitio y el de destino se estén ejecutando con WordPress 4.4 o superior.

Es decir si quieres embeber una entrada de WordPress dentro otra, sólo tiene que ir a añadir objetivo y colocar la URL del post en cuestión que quiere insertar.

6. Realizar edición básica de imágenes dentro de WordPress

Creo que el manejo de imágenes es una de las cosas de WordPress en las que hace agua, personalmente siempre edito afuera de WordPress pero cuando estás en un apuro a veces podremos hacer alguna modificación básica.

Una de las grandes mejoras de WordPress con respecto a las últimas versiones, es la capacidad de realizar tareas de edición de imágenes básicas como rotar, cortar, mover, agrandar o achicar tus imágenes.

Para poder usar estás funciones, tienes que hacer clic en Editar Imagen justo debajo de la miniatura cuando estás en la biblioteca de medios.

Esto te va ahorrar bastante tiempo borrando y cargando nuevamente imágenes.

7. Añadir un Favicon a tu sitio

Si no tienes idea de lo que es un favicon, es la imagen pequeña que se muestra a los sitios web dentro de los marcadores o en el menú del navegador.</[>

Esto le da a tu sitio un poco más de identidad y hace que se vea más profesional.

En el pasado agregar un favicon a WordPress era un poco más complicado, tenias que subir la imagen por FTP a la carpeta de la plantilla que tenías activa.

Pero ahora la creación de un favicon se ha convertido en una función estándar cuando personalizas tu WordPress.

Todo lo que necesitas es ir a Apariencia > Personalizar y seleccionar > Identidad del sitio.

Además de poder cambiar el título de tu sitio y la etiquetas, aquí también puedes crear un favicon a través del botón que está en la parte inferior.

Para obtener los mejores resultados, debes tener una versión cuadrada del logotipo de tu sitio de por lo menos 512 x 512 píxeles.

Pero si no lo tienes hecho, no te preocupes lo puedes editar con mismo editor de WordPress como vimos en el punto anterior.

¿Estás contento? En un minuto ya tienes un favicon en tu sitio y hace 2 minutos tal vez ni sabias lo que era.

8. Crear y editar menús de WordPress desde Personalizar

Los menús también tienen su propia página de personalización en Apariencia > Menús.

Aquí no sólo puedes crear tu menú de navegación, sino también añadir elementos, personalizar ubicaciones de menú y mucho más.

Tal vez ya lo sabías, pero lo que quizá no sabes es que también se pueden realizar todas las mismas tareas desde Apariencia > Personalizar.

La gran ventaja que tiene hacerlo desde aquí es que te permite previsualizar los cambios de menú antes de hacer los cambios definitivos.

De esa manera puedes probar e ir visualizando en vivo y en directo como va quedando.

Incluso el mismo Personalizador incluye la configuración de propiedades del menú avanzadas como clases en CSS personalizadas, descripciones y otras cosas.

9. Cerrar sesiones abiertas en el resto de los sitios

Una de las principales ventajas que tiene WordPress es que te permite trabajar desde cualquier lugar y esto es fantástico ¿No?

Puedes acceder a tu sitio desde prácticamente cualquier lugar del mundo teniendo una conexión a internet. Puedes hacer cambios, publicar contenido y cambiar lo que quieras.

Ahora al mismo tiempo esto significa que si te olvidas de cerrar la sesión en alguna parte, cualquier otra persona puede entrar a tu sitio y las consecuencias pueden ser desastrosas.

Para evitar esta situación, ahora tienes una función para cerrar todas sesión sesiones abiertas en cualquier otra máquina en la que estés trabajando actualmente.

Para ello, entras en tu perfil (si no lo encuentra vas en la esquina superior derecha) y ahí mismo en Gestión de la Cuenta tienes el botón para desconectar del resto de los sitios.

10. Reducir el tiempo de carga de la página con imágenes adaptables

Probablemente no debería decirte lo importante que es tener un sitio web que cargue rápido.

Creo que es imprescindible para mejorar la experiencia del usuario y si usas WordPress siempre que tengas la posibilidad de hacerlo deberías aprovecharlo.

Como probablemente ya sabes, las imágenes por lo general ocupan una buena parte de tu página web.

Por eso creo que es importante que cualquier imagen que incluyas en una página debería ser del tamaño exacto que la quieres ni un poquito más.

Por esa razón, la plataforma WordPress crea varios tamaños diferentes de cada imagen para que si tienes que cargarlo en un dispositivo donde la pantalla es más pequeña lo pueda hacer.

Para obtener mejores resultados, con la versión 4.4 de WordPress tiene soporte para imágenes adaptables a dispositivos móviles.

Eso significa que los navegadores tendrán varios archivos para una imagen con diferentes tamaños de las cuales elige la que mejor se ajusta.

Este es un gran paso para reducir el ancho de banda de tu sitio y sobre todo una buena noticia para los dispositivos móviles.

Si bien esta característica es desconocida o podemos decir que WordPress se encarga directamente de hacerlo sin avisar, ya estarás más tranquilo en que reducirás en ancho de banda y por lo tanto mejora el tiempo de carga.

11. Compartir contenido rápidamente con el botón publicar esto

En sí está función no es nueva. Sin embargo, desde WordPress 4.2, que fue completamente renovada para ser más rápido y más fácil de usar.

Si no sabes lo que es, esta función es básicamente una extensión del navegador que te permite publicar contenido en tu sitio sobre desde cualquier otro lugar de tu web.

Esta función la puedes encontrar en Herramientas > Herramientas disponibles.

Después de instalar esta función en tu navegador, puedes utilizarlo para compartir imágenes, videos, artículos y pasajes de texto en tu sitio con WordPress.

Simplemente seleccionando y haciendo clic sobre lo que quieres compartir y haciendo clic sobre esta opción en tu navegador, se abrirá una nueva ventana con una nueva entra y lo que has seleccionado en donde luego podrás publicarla directamente en tu sitio.

Así que con esta opción ahora no tienes excusas, compartir algo en tu sitio es muy fácil.

Resumen y cierre

Como verás WordPress sigue creciendo y siempre se añaden nuevas características en la nuevas versiones de la plataforma.

Si bien podemos decir que los cambios más grandes pasan por detrás del usuario final y son más relevantes para los desarrolladores, los usuarios finales también tienen su parte y si bien a veces pasan desapercibidos suman y mucho.

Ahora espero que te diviertas jugando con las nuevas cosas que has aprendido en este artículo y así que espero que ya las estés aplicando en tu sitio.

Gracias al archivo robots.txt le puedes decir a los buscadores que puede ser rastreado en tu sitio web por parte de sus bots de indexado (llámalas arañas, crawlers, o como quieras), y que 'no quieres' que sea indexado.

El archivo que gestiona las directrices de comportamiento de estos bots se ha de llamar robots.txt y no de otra forma y almacenarse en la carpeta principal de la instalación a la que sirve.

Si tienes varias instalaciones en un mismo Hosting, cada una de ellas estará en una carpeta diferente, y dentro de cada instalación, en la carpeta principal habrá un archivo robots.txt personalizado para cada web.

Hay una función en PrestaShop llamada AdminMetaController::generateRobotsFile() que se encarga de generar el archivo robots.txt y que puede ser invocada manualmente desde SEO y URLs como cité antes.

Por defecto el archivo robots.txt se crea con el siguiente contenido:

# robots.txt automatically generated by PrestaShop e-commerce open-source solution
# http://www.prestashop.com - http://www.prestashop.com/forums
# This file is to prevent the crawling and indexing of certain parts
# of your site by web crawlers and spiders run by sites like Yahoo!
# and Google. By telling these "robots" where not to go on your site,
# you save bandwidth and server resources.
# For more information about the robots.txt standard, see:
# http://www.robotstxt.org/robotstxt.html
User-agent: *
# Allow Directives
Allow: */modules/*.css
Allow: */modules/*.js
# Private pages
Disallow: /*?orderby=
Disallow: /*?orderway=
Disallow: /*?tag=
Disallow: /*?id_currency=
Disallow: /*?search_query=
Disallow: /*?back=
Disallow: /*?n=
Disallow: /*&orderby=
Disallow: /*&orderway=
Disallow: /*&tag=
Disallow: /*&id_currency=
Disallow: /*&search_query=
Disallow: /*&back=
Disallow: /*&n=
Disallow: /*controller=addresses
Disallow: /*controller=address
Disallow: /*controller=authentication
Disallow: /*controller=cart
Disallow: /*controller=discount
Disallow: /*controller=footer
Disallow: /*controller=get-file
Disallow: /*controller=header
Disallow: /*controller=history
Disallow: /*controller=identity
Disallow: /*controller=images.inc
Disallow: /*controller=init
Disallow: /*controller=my-account
Disallow: /*controller=order
Disallow: /*controller=order-opc
Disallow: /*controller=order-slip
Disallow: /*controller=order-detail
Disallow: /*controller=order-follow
Disallow: /*controller=order-return
Disallow: /*controller=order-confirmation
Disallow: /*controller=pagination
Disallow: /*controller=password
Disallow: /*controller=pdf-invoice
Disallow: /*controller=pdf-order-return
Disallow: /*controller=pdf-order-slip
Disallow: /*controller=product-sort
Disallow: /*controller=search
Disallow: /*controller=statistics
Disallow: /*controller=attachment
Disallow: /*controller=guest-tracking
# Directories
Disallow: */classes/
Disallow: */config/
Disallow: */download/
Disallow: */mails/
Disallow: */modules/
Disallow: */translations/
Disallow: */tools/

La forma más rápida de ver si tu archivo robots.txt se ha generado correctamente o existe ya en tu Hosting, en la instalación de PrestaShop, es escribiendo en el navegador la url de tu dominio seguido de robots.txt:

http://tu-dominio.com/robots.txt

Si recibes un error 404 es que no existe y tendrás que crearlo.

Las últimas versiones de PrestaShop ya incorporan en el generador de robots.txt el que no se bloquee a Google y otros bots de indexado los archivos CSS y JS. Bloquear estos archivos provocaba errores como:

Esto queda solucionado con la incorporación de los siguientes Allow a robots.txt:

Allow: */modules/*.css
Allow: */modules/*.js

¿Qué le pasa a los bots de indexado con robots.txt?

El archivo robots.txt se crea para bloquear el acceso a diferentes elementos de PrestaShop y que no son de interés para los buscadores.

¿Qué no interesa indexar?

• Página de acceso (login) de usuarios.
• Resultados de búsquedas o página de búsquedas.
• Página de recuperación de contraseña.
• Página de checkout o carrito de compra.
• Resultados o página de consulta de pedidos realizados.
• Páginas o áreas restringidas para usuarios con acceso VIP.
• Otras páginas o funcionalidades que estimes oportuno bloquear.

Lo que realmente se necesita indexar en una tienda online serían las páginas de categorías, páginas de productos, página de inicio y otras páginas estáticas o informativas.

¿Cómo generar un archivo robots.txt para PrestaShop?

Un archivo robots.txt contiene un conjunto de reglas. Las reglas están definidas por tres valores:

• User-Agent: ¿A quién afectan las reglas? (Todos los robots, solamente Google, Bing, un bot único...).
• Permitir/No permitir: (Allow / Disallow) Una regla que permite o por el contrario que filtra algunas URLs.
• Expresión regular de URLs: URL, archivo, ruta afectada por esta regla.

En el siguiente vídeo de apenas 1 minuto puedes ver cómo se genera por primera vez este archivo robots.txt en PrestaShop.

Si llevas tiempo con la tienda y crees que tu archivo robots.txt no es correcto o quieres regenerarlo, lo mejor es que lo elimines (si no lo has personalizado) y lo crees de nuevo con las indicaciones dadas en el vídeo.

¿Qué otros elementos puedes añadir al archivo robots.txt?

# Archivos
Disallow: /*id_lang=
Disallow: /*utm_campaign=
# Directorios
Disallow: /lang-es/

# Directorios
Disallow: /lang-es/
Disallow: /lang-en/
Disallow: /lang-fr/

Nota: Los espacios en los archivo robots.txt no sirven para nada, los bots no leen espacios así que sencillamente no los pongas, piensa que es un archivo exclusivo para bots o crawlers y no para humanos, por lo que la estética en estos casos queda de lado.

Es importante que cada cierto tiempo y principalmente tras actualizar PrestaShop a versiones estables, compruebes que dicho archivo existe y que no bloquea el indexado a contenidos importantes de tu Tienda.

¿A que pensabas que era más complicado esto del robots.txt? ..jejeje, cuesta mas nombrarlo que ponerlo en marcha. (ツ)

Optimus, un plugin muy conveniente

Ya me conoces, si algo me gusta tardo 5 minutos en venir a contártelo, no lo puedo evitar, resulta irresistible no compartir los buenos plugins cuando uno ve que hacen bien su trabajo.

Quiero hablarte de Optimus, un plugin que tiene una versión gratuita, suficiente para la mayoría de usuarios, y luego versión HQ o Pro para los que quieren más.

Con Optimus puedes reducir el tamaño de los archivos de imágenes subidos a tu web. Dependiendo de la imagen y el formato, la reducción de tamaño puede ser de hasta un 70%. Gracias a una optimizada tecnología de compresión se garantiza que se mantiene la calidad de las imágenes.

Cuando instalas Optimus - WordPress Image Optimizer puedes revisar las configuraciones desde Ajustes, Optimus, para que las nuevas imágenes que subas a tu web sean optimizadas durante el proceso de subida, por ejemplo, o marcar que las imágenes originales no sean optimizadas.

Tras aplicar la optimización con el plugin Optimus - WordPress Image Optimizer puedes ver el resultado individual de cada una de las imágenes de tu sitio web y el porcentaje de optimización conseguido.

Imágenes con errores o formatos no soportados por Optimus se muestran con un error en rojo indicando la causa.

Características del plugin

Funcionalidades

• Archivos JPEG progresivos.
• Reducción del tamaño del archivo sin pérdida de calidad.
• Optimización de todas las imágenes de vista previa de una foto.
• No se requieren ajustes de código.
• Opcional: No eliminación de metadatos EXIF ​​e IPTC.
• Opcional: Conexión HTTPS para la transferencia de imágenes (Versión Optimus HQ).
• Opcional: Conversión al formato de imagen WebP (Versión Optimus HQ).
• Opcional: Desactivar la optimización automática durante el proceso de carga.
• Plugin optimizado para aplicaciones móviles WordPress y Windows Live Writer.
• Más ventajas en PageSpeed, que influye en el factor de clasificación.
• Tiempos de carga más rápidos para las páginas del blog.
• Soporte para WooCommerce.
• Soporte para multisitios de WordPress.
• Optimización masiva (optimiza todas las imágenes existentes).

Privacidad

• Después del proceso de optimización de la imagen y la transferencia, el servidor Optimus elimina inmediatamente todos los archivos almacenados temporalmente. ¡No se guardan archivos en servidores externos!
• Los servidores Optimus se encuentran en Alemania.

Consejos

• Las imágenes siempre deben ser guardadas como archivos JPEG en lugar de PNG. El formato PNG funciona bien para ilustraciones con transparencias, el formato JPEG, por otro lado es la mejor opción para fotografías en sitios web.
• La reducción de tamaño siempre funciona más rápidamente para archivos JPEG.
• ¿Tus imágenes se han optimizado usando herramientas de escritorio como ImageOptim (Mac) o PNGGauntlet (Windows) antes de cargarlas? Optimus tiene una ventaja significativa de que se minimizan las miniaturas de vista previa (thumbnails) creadas por WordPress. La mayoría de temas casi siempre integran imágenes en miniatura en lugar de las imágenes originales.

Consideraciones finales

Usar Optimus de forma regular, principalmente tras una carga masiva de imágenes, ayudará a mantenerlas optimizadas y eso se notará en la carga.

No obstante es requisito importante y recomendado que siempre, antes de lanzar una optimización, principalmente la primera vez, ya que seguramente usarás la opción de optimización masiva (Optimus Bulk Optimizer), que hagas si o si una copia de seguridad y la descargues a tu ordenador.

Si tras una optimización masiva observas que algunas imágenes no se ven de forma correcta, o se se visualizan deformadas, es recomendable que tengas una copia de seguridad previa de las mismas para poder restaurarlas.

Una opción es que antes de hacer optimizaciones de imágenes utilices el plugin Download Media Library para descargarte primero una copia de tu Biblioteca de Medios y tener la garantía de un respaldo de todas las imágenes antes de una optimización.

En este vídeo puede ver que realizar un respaldo en formato .zip de la Biblioteca de Medios de una instalación de WordPress es un proceso sencillo.

Ahora no tienes excusas para no optimizar las imágenes de tu Biblioteca de Medios de WordPress, sobre todo si aún no eres cliente de Webempresa. (ツ)

1 - Desglosar los presupuestos en pequeñas partidas

Este es un error típico (que yo misma he cometido infinidad de veces) y que muchos profesionales cometen como una forma de justificar su precio final.

En realidad, detallando el precio de cada pequeño elemento o partida del presupuesto lo que consigues es dar al cliente el poder para poner o quitar elementos del proyecto para ajustar el precio final.

Es mejor dar un precio total y centrarse en mostrar al cliente potencial el valor que aportas con tu trabajo.

Eso es lo que va a justificar el precio.

2 - No establecer un sueldo o ponerse un sueldo mísero

Para calcular tus tarifas, tendrás que tener unos objetivos económicos establecidos. Eso lo podemos traducir en tu sueldo mensual.

Tienes que tener sueldo desde el minuto 1. No puedes trabajar y trabajar sin ganar un duro y simplemente cubriendo gastos y pagando autónomos e impuestos.

¿Sino para que te montas un negocio propio?

Y para establecerlo yo te propongo que dejes de pensar como asalariado mileurista y empieces a hacer cálculos de cuánto te costaría vivir la vida que quieres tener de aquí a 2-5 años. ¿2.500$USD? ¿4.000$USD?

Saca papel y boli y haz cuentas.

Si no te pones objetivos entonces no pasarás de un sueldo mediocre trabajando 10 horas al día y findes incluidos...

3 - No conocer tu tarifa/hora mínima

Si vendes servicios, vendes tu tiempo. Si no conoces cuál es tu tarifa por hora mínima para ser rentable, entonces estarás poniendo precios a ciegas y, probablemente también estarás perdiendo dinero.

Para ello puedes utilizar mi aplicación gratuita calculadorafreelance.com. De esta manera sabrás al momento cuál es tu precio/hora mínimo y facturación mensual para ser rentable y de la que no debes bajar.

Esto te ayudará también a saber cuándo rechazar un proyecto que tenga un presupuesto demasiado ajustado.

Ojo, digo tarifa mínima porque este sería el coste de tu actividad. Se trata de la base de la que partir a modo de referencia.

Después dependiendo de tu posicionamiento en el mercado, nivel de conocimientos, propuesta de valor etc podrás aumentar tus precios hasta donde tú consideres y tu mercado te permita.

4 - Presupuestar minijobs

Yo he llegado a la conclusión que presupuestar un “minijob” no merece la pena. Por mucho que me digas que es dinero en el bolsillo. No compensa.

Al final, ponerte en marcha para realizar un trabajo ya tiene para ti un coste mínimo fijo en horas de gestión, emails, llamadas, peticiones de cambios (si hablamos de diseño) etc.

Por ejemplo, yo que soy diseñadora ya no presupuesto banners sueltos o tarjetas de visita.

Aunque el trabajo en sí puede parecer rápido de primeras, al final desde que empiezas hasta que terminas pueden pasar varias horas y eso no se puede trasladar al precio final porque el valor que aportas tampoco tiene demasiado impacto en un minitrabajo como para ponerle el precio real que tiene para ti.

Sin embargo, ese mismo trabajo sí lo puedes llevar a cabo dentro de proyectos más grandes.

En definitiva, yo no presupuestaría trabajos pequeños sueltos con precios bajos.

5 - Poner precios demasiado bajos

Por lo general nos da miedo tener precios altos pensando que vamos a espantar clientes pero en realidad, tener precios bajos tiene un efecto peor.

Si tenemos unos precios muy bajos damos la sensación de que nuestro trabajo también es de baja calidad y además atraemos a clientes de los “malos”. Es una cuestión de percepciones.

Sin embargo, cuando nuestros precios son más elevados también el perfil del cliente potencial cambia y empiezas a trabajar con personas que confían más en tu criterio y se quejan menos.

Por supuesto, unos precios altos implican unos servicios de calidad. Céntrate en crear unos servicios Premium para hacer tu mejor trabajo en cada proyecto.

6 - Presupuestar por horas

Muchos profesionales pasan presupuestos indicando el número de horas que van a tardar en realizar el trabajo y su precio/hora. ERROR.

¿Quieres exponerte a que te regateen tu tarifa o las horas que vas a tardar en realizar un trabajo? ¿Y si eres un crack y lo haces en la mitad de tiempo?

Todo el valor que entregas y el impacto que puedes ofrecer a un cliente lo diluyes si tarifas por tu tiempo de dedicación.

Cobra por proyecto (por valor entregado) y no por horas. Hazme caso, yo lo he sufrido.

7 - Negociar tus tarifas

Tus tarifas NUNCA se negocian. No puedes bajar tu tarifa porque un cliente te pida un descuento.

En todo caso puedes reducir los elementos del presupuesto y en consecuencia el precio final.

Vamos al mundo de la telefonía para poner un ejemplo tangible: Si el cliente quiere un “Iphone” pero sólo tiene presupuesto para un “Android”, entonces tú le podrás ofrecer un smartphone acorde a lo que está dispuesto a pagar.

No hay más vuelta de hoja.

¿Quieres aprender cómo conseguir clientes que valoren tu trabajo y paguen tus tarifas? Apúntate al training gratuito de Imperio Freelance.

Imagino que ahora te estarás preguntando ¿y después de fijar los precios cómo consigo clientes que paguen mis tarifas?

Es importante ser proactivo con la captación de clientes y seguir una metodología y una estrategia ya probada por otros que han logrado emprender con éxito y replicar sus pasos para llegar a clientes que valoren y paguen lo que te mereces.

El primer pequeño paso para conseguirlo es tan simple como apuntarte al training gratuito de Imperio Freelance “¿Cómo conseguir más y mejores clientes como freelance?” que comienza el 11 de abril.

Es un curso online intensivo compuesto por 4 videos que va a estar muy pocos días en el aire y que forma parte del lanzamiento del Programa Formativo “Imperio Freelance” de Laura López, autora de este artículo.

Es una pequeña piedra lo que hace que puedas construir un gran imperio como freelance:

Primero de todo ¿que es el Administrador de Archivos?

Se trata de una herramienta que incorpora cPanel (otros paneles de Hosting también la implementan) y que realiza las funciones que su propio nombre indica "administrar archivos" y que permite realizar todas las tareas relacionadas con archivos y carpetas de un Hosting.

El Administrador de archivos permite a los usuarios de cPanel administrar y editar sus archivos.

Conoce las funcionalidades de la barra de herramientas del Administrador de Archivos:

En la parte superior del Administrador de Archivos de cPanel encontrarás un menú de acciones que puedes llevar a cabo en esa pantalla, ya sea con archivos o carpetas alojados en el Hosting.

Icono	Función	Descripción
	Archivo nuevo	Crea un archivo nuevo con una extensión de archivo definida por el usuario.
	Nueva carpeta	Crea una carpeta nueva en el directorio actual.
	Copiar	Copia los elementos seleccionados a un directorio especificado por el usuario.
	Trasladar archivo	Mueve los archivos seleccionados a un directorio nuevo.
	Cargar	Carga los archivos al directorio seleccionado.
	Descargar	Descarga archivos seleccionados a su computadora.
	Eliminar	Elimina los archivos seleccionados del servidor.
	Cambiar el nombre	Cambia el nombre del archivo o carpeta seleccionado.
	Editar	Abre los archivos seleccionados en un editor de texto.
	Editor de código	Abre los archivos seleccionados en un editor de código.
	Editor de HTML	Abre el archivo HTML seleccionado en un editor de HTML visual.
	Cambiar permisos	Cambia los permisos de lectura (read), escritura (write) y ejecución (execute) para los archivos seleccionados.
	Ver	Abre el archivo seleccionado para que usted pueda ver su código.
	Extraer	Extrae el archivo *.zip, *.Gz, or *.Bz2 seleccionado y guarda sus archivos en un directorio.
	Comprimir	Comprime los archivos seleccionados a un solo archivo *.zip, *.Gz, o,*.Bz2 y guarda el archivo comprimido dentro de un directorio especificado.

Tabla de funciones del menú superior del Administrador de Archivos.

¿Qué puedes buscar con el Administrador de Archivos?

Es importante saber que el buscador incorporado en cPanel, en el Administrador de Archivos, no es un 'gran buscador' al estilo de lo que podríamos estar acostumbrados con buscadores como Google, etc., pues se trata de una herramienta mucho más simple que permite principalmente 3 tipos de búsqueda:

• Buscar todos los archivos.
• Buscar solo en /public_html
• Buscar en el Directorio actual.

¿Que no puedes buscar con el Administrador de Archivos?

• Cadenas de texto o código dentro de archivos.
• Grupos de archivos por extensión.

¿Cómo buscar archivos en cPanel?

Desde tu cPanel, Archivos, Administrador de Archivos podrás buscar archivos moviéndote manualmente por las carpetas de tu web.

Supongamos que quieres buscar todos los archivos .css (Hojas de Estilo en Cascada) que tienes en el Hosting (puede haber cientos) para conocer tanto sus ubicaciones como los nombres de estos archivos, principalmente si leíste algún tutorial de CSS por ahí en el que te explicaban cómo llevar a cabo un 'hack' en el código en determinado archivo.

1. Accede al Administrador de Archivos de cPanel.
2. En la parte superior derecha encontrarás el buscador.
3. En el primer selector selecciona Todos los archivos.
4. En el segundo selector escribes: .css
5. Clic en el botón de búsqueda etiquetado como GO.
6. ...espera los resultados.

Te devolverá en una ventana modal los resultados de la búsqueda, donde podrás hacer 'scroll' para ver tanto las localizaciones de los archivos como sus respectivos nombres.

Si haces doble-clic en uno de esos resultados te llevará a la carpeta donde se encuentre dicho archivo localizado.

En el siguiente archivo te ilustro el proceso para que lo veas más claro. No obstante es muy sencillo, basta con practicar algunas búsquedas concretas y ver que resultados obtienes para entender cómo funciona este buscador y sacarle mayor rendimiento en tus tareas diarias en cPanel.

¿Usas la piel 'paper_lantern' en cPanel?

Si trabajas con la piel (skin) llamada paper_lantern en tu Panel de Hosting basado en cPanel, te cuento que realizar las búsquedas es prácticamente igual que con la piel anterior x3.

Desde la pantalla principal de cPanel, en Archivos, encuentras en Administrador de Archivos.

Una vez dentro del Administrador de Archivos, en la parte superior derecha encontrarás el buscador, donde podrás seleccionar donde quieres buscar, que quieres buscar (archivos o carpetas) y tras hacer clic en el botón azul Ir se abrirá una ventana modal con los resultados.

No es necesario descargarse un sitio web completo a tu ordenador para poder localizar donde se encuentran determinados archivos o carpetas ¡usa el buscador del Administrador de Archivos!, es útil y muy rápido.

¿Cómo buscas los archivos en tu Hosting?, ¿sigues pasando horas muertas navegando entre carpetas hasta encontrar el archivos que tenias que modificar? ¡Cambia el chip y usa el buscador!

Actualizar a Joomla 3.5.1 es muy fácil y rápido de realizar. Accedes al backend y haces clic en el botón de actualización desde Componentes. El aviso de disponibilidad de nueva versión de actualización será claramente visible al acceder al backend como administrador.

Joomla informa que existen extensiones disponibles que pueden aplicar las actualizaciones de forma automática.

Problemas corregidos en Joomla 3.5.1

Joomla 3.5.1 corrige algunos problemas encontrados en la versión 3.5.0 hace dos semanas, esto incluye:

• Corrección de la URL raíz en ocasiones devolviendo vacía en las URLs canónicas.
• Corregido tener que iniciar sesión dos veces cuando la sesión de usuario expira.
• Algunos mensajes de correo electrónico SMTP que no podían ser enviados debido a un error en la configuración del servidor de correo electrónico SMTP.
• Solucionado un problema de reinicio de la sesión que causaba errores de PHP.
• Corregido insertid() devuelve 0 para el driver MySQL PDO.
• Corregido problema con la Papelera vacía y el botón des-archivar no existente para com_banners.

Los requisitos técnicos para Joomla 3.5.1 son:

• PHP (Comillas mágicas GPC apagadas): 5.6 o 7.0 - Minimo PHP 5.3 (mejor 5.4), funcionando con PHP 5.5.x bien.
• MySQL (Soporte InnoDB necesario): 5.5.3+ (mínimo 5.1).
• Apache (con mod_mysql, mod_xml y mod_zlib): 2.4+ (mínimo 2.0).
• Nginx: 1.8 (mínimo 1.0).

Descargas:

• Instalación nueva de Joomla 3.5.1: (paquete completo en inglés)
• Paquete de Actualización a 3.5.1: (paquete de actualización en inglés)

Gracias

El equipo de desarrollo de Joomla quiere dar las gracias por la impresionante labor que han realizado los cientos de colaboradores voluntarios en todo el mundo.

Gracias a todos los voluntarios que ayudan a hacer Joomla!

No sé si lo sabías, pero existen un montón de alternativas que te permiten difundir tus contenidos por las redes sociales con muy poco esfuerzo.

Una de mis favoritas es el Plugin Revive Old Post, que lo que hace es compartir tus viejos post por las redes que tú le digas y con la frecuencia que le hayas configurado.

Así, aunque no tengas tiempo para poder atender tus redes como deberías, al menos te aseguras de que tu contenido se sigue moviendo y de que no las dejas abandonadas.

Otra alternativa que también permite ahorrar bastante tiempo es la de configurar WordPress para que, nada más publicar un post, éste se comparta en tus redes sociales automáticamente.

Así, tus post se promocionan ellos solitos.

Es lo que vamos a ver básicamente en este tutorial.

También te explicaré cómo añadir unos botones a tu blog con los iconos de tus perfiles sociales, para que tus visitantes puedan hacer clic en ellos y conectar contigo a través de sus redes.

Cómo difundir automáticamente los post que acabas de publicar

Hay muchos plugins que permiten conectar WordPress con Facebook, pero en este caso vamos a utilizar el archiconocido Jetpack por tres motivos:

• Porque es tan usado que casi seguro que ya lo tienes instalado.
• Porque es muy sencillo de configurar.
• Porque sirve para compartir en todas las redes sociales y no solo en Facebook.

Vamos a ello

Una vez que tengas instalado Jetpack y lo hayas vinculado a una cuenta de WordPress.com, lo que vamos a hacer es comprobar que la opción que queremos configurar está activada.

Para ello, desde el menú lateral de tu escritorio WordPress, tienes que ir a Jetpack -> Configuración [1].

Luego, en la lista de opciones que te saldrá del propio plugin, comprueba que la opción “difundir” está activada [2].

Sabrás que está activada porque tiene el fondo azul y el borde de la izquierda también es azul. Si estuviese desactivada esa opción tendría el fondo blanco.

No te confundas con tener desmarcado o no el cuadro del check que sale a la izquierda de cada opción.

Si está desactivada pasa el cursor por encima y haz clic donde pone “Activar” [3].

Una vez que está activado, para configurarlo hay que ir a Ajustes -> Compartir de la barra lateral del escritorio de tu blog.

En la nueva pantalla que te saldrá, la opción que nos interesa ahora es la de “Difundir” [4], que es lo que hace que al publicar un post se comparta automáticamente en tus redes sociales.

Vamos a ver cómo se configura.

Conectar WordPress con Facebook

Para que las entradas nuevas se compartan automáticamente con Facebook nada más publicar, tienes que hacer clic en el botón "Conectar" [5] que pone donde está Facebook.

Ahora te saldrá una pantalla para que inicies sesión con tu cuenta de Facebook.

Rellena los datos y haz clic en el botón azul que pone “Iniciar sesión” [6].

Después, te saldrá una ventana de confirmación indicándote los datos a los que va a acceder el plugin Jetpack para poder compartir tus post.

Haz clic en el botón azul de “Aceptar” [7].

Ahora te saldrá otra ventana en la que podrás elegir con quién compartir esas publicaciones. Elige lo que quieras en el desplegable [8] y haz clic en el botón azul de “Aceptar” [9].

Esta configuración se podrá cambiar más adelante desde tu propia cuenta de Facebook, así que no te preocupes ;)

Al hacer clic en Aceptar, te saldrá otra ventana para seguir configurando la conexión entre WordPress y Facebook.

Haz clic en “Aceptar” [10] y listo.

Por último, en caso de que gestiones una página de Facebook, te preguntara dónde quieres que se hagan las publicaciones, si en tu perfil o en alguna de las páginas que administres.

En este caso yo voy a seleccionar la página de mi blog [11] y le voy a dar a “Aceptar” [12].

¡Listo!

Volverás a la pantalla del blog donde estábamos antes y verás como ahora Facebook ya aparece vinculado a tu perfil o a tu página (según hayas seleccionado) [13].

Si ahora le das al botón que pone “añadir nuevo” podrás elegir más páginas que gestiones con ese mismo perfil, o podrás elegir que se las publicaciones se hagan también en el perfil personal, pero no podrás elegir otra cuenta de Facebook, ya que solo puedes vincular una a la vez.

Y si le das a la X, eliminarás la conexión creada.

Para conectar el resto de redes sociales el procedimiento es muy similar.

Vamos a verlo también con Twitter para que lo veas, pero no lo voy a hacer con los demás para no alargarme demasiado.

Conectar WordPress con Twitter

Haz clic en el botón “Conectar” [14] que sale en la casilla de Twitter.

Ahora, te saldrá una ventana para que metas el usuario y la contraseña de tu perfil, y después te pedirá que autorices el acceso del plugin a tu cuenta de Twitter.

Haz clic en el botón azul de “Autorizar aplicación para continuar [15].

Te saldrá un mensaje de verificación, le das a “Aceptar” y ¡listo! Más fácil imposible.

Cómo hacer que los nuevos post se compartan automáticamente en las redes sociales que acabamos de configurar

Ahora que ya hemos conectado WordPress con Facebook y con Twitter (o con las redes sociales que quieras), falta ver cómo se hace para que los nuevos post se compartan en ellas automáticamente, ya que puedes modificar alguna cosilla.

Vamos a ir al editor de WordPress, como si quisiéramos publicar un nuevo post, en Entradas -> Añadir nueva [16].

Y la sección que nos interesa en este caso está a la derecha, donde la caja de publicar post [17].

Ahora verás que, justo debajo del recuadro, hay una nueva opción que pone “Publicítate”. Ahí saldrán las redes sociales que hemos configurado antes para que se comparta el post.

En este caso las dos que he utilizado para el tutorial: mi página de Facebook y mi cuenta de Twitter.

Si lo dejas así y no tocas nada más, al publicar el post se compartirá también automáticamente.

Pero también puedes hacer alguna modificación más, cómo elegir en qué redes sociales quieres que se comparta si no quieres que se comparta en todas las que has configurado, o el texto que quieres añadir a lo que se comparta.

Para ello, haz clic en el la línea donde pone “Editar detalles” [18].

Ahora podrás editar las redes sociales en las que quieres que se comparta el post. Para ello, simplemente marca o desmarca las casillas que correspondan [19].

Y en el recuadro de abajo podrás poner un mensaje personalizado que aparecerá junto con el post compartido [20].

Ojo, no te pases aquí con el mensaje si vas a compartir en Twitter, que ya sabes que los tweets tienen que tener una extensión máxima de 140 caracteres, y a eso hay que quitarle lo que ya ocupa el enlace.

Así que mejor que lo que escribas no pase de 100 caracteres. Si te fijas, arriba a la derecha sale un número que te los cuenta ;)

Algunos datos más sobre la difusión automática

Es posible que ahora te esté surgiendo alguna pregunta sobre cómo se van a compartir tus post en las redes. Voy a ver si respondo algunas.

• En Facebook y en Twitter también se comparte una imagen junto con el post. La imagen que se comparte es la imagen destacada del post (la opción para elegirla está abajo a la derecha). Si no hay imagen destacada, la primera imagen que haya insertada en el post. Y si tampoco la hay, la coge de algún enlace que hayas metido al texto.
• Si guardas el post como borrador no se comparte nada en las redes hasta que no lo publiques.
• Las páginas tampoco se comparten.
• Los post programados se comparten el día y la hora de publicación programada, como es lógico.
• La función de difusión solo funciona con nuevos post, no con actualizaciones de los viejos.

Y esto es todo con respecto a la difusión automática. ¿A que era fácil?

Ahora, vamos a ver otras formas de conectar WordPress con Facebook o con el resto de redes sociales.

Vincular tus perfiles sociales mediante botones que aparecen en el blog

Sí, ya sabes a lo que me refiero, esos botones de redes sociales que hay en los blogs pero que no sirven para compartir, sino para acceder a los perfiles sociales del autor del blog.

Está bien tenerlos porque muchos de los lectores que pasen por tu blog querrán conocerte un poco más y conectar contigo a través de sus redes, así que te recomiendo que los tengas.

Para ello, vamos a usar un plugin, y el que te recomiendo es Simple Social Icons.

Una vez instalado, tienes que ir a Apariencia -> Widgets y elegir dónde lo quieres colocar. Luego, solo tienes que configurarlo.

En la parte de arriba del widget [21] podrás modificar la estética de los botones que se van a añadir. Y debajo [22] tienes que añadir los enlaces de tus perfiles en las redes sociales (la url a tu perfil de esa red).

Por cada enlace que añadas se añadirá un botón a tu blog, y si dejas campos en blanco, no se añadirá, así que rellena solo los enlaces de las redes que te interesen.

Una vez que termines, haz clic en el botón azul de “Guardar” [23].

¡Y listo ésto también! :)

Añadir las redes sociales a tu perfil

Para hacer esto, en el escritorio de WordPress tienes que ir a Usuarios -> Tu perfil [24].

Y en la sección donde pone “Información de contacto”, además de algunos otros datos, también puedes meter los enlaces a los perfiles de tus redes sociales en Facebook, Twitter y Google+ [25].

Esos encales suelen salir en la caja de autor de los temas que lo permiten.

Instala algún plugin para compartir tus post en las redes sociales

Ésto por último.

No es una forma directa de conectar WordPress con tus redes sociales, pero sí que es una forma indirecta, ya que al fin y al cabo sirve para mover tu blog por ellas.

En este post ya hablé sobre 7 grandes plugins para añadir botones de compartir. Échale un vistazo para ver si utilizas alguno de ellos.

Bueno, y creo que después de todo esto ya tienes alguna tarea :)

Si quieres emplear menos tiempo en redes sociales para poder dedicarte a otras cosas, la automatización es la clave.

Eso sí, sin pasarse. Que las redes sociales tienen que ser “sociales”, para que te permitan conectar con la gente, no una máquina que se dedica a escupir posts.

¡Un fuerte abrazo y a por ello!

Novedades destacadas:

• En WordPress 4.5 se potencia AMP.
• Posibilidad de cambiar el logo desde el Personalizador.
• Mejoras en el editor visual.
• Moderación de comentarios con botón rápido para aprobarlos.
• Vista previa en dispositivos móviles desde el personalizador.
• Mejora en la optimización de imágenes.
• Usar del correo electrónico para logearse, no el 'username'.
• Mejoras en HTTPS para corregir contenido mixto.
• Autenticación en 2 pasos.
• Recortador de imágenes desde la Biblioteca de Medios.
• JetPack al completo (más módulos activos por defecto).
• Edición y creación de enlaces (links) desde el editor visual.
• Atajos en el Editor (shortcuts).
• Recarga selectiva desde el Personalizador.

Hay otras mejoras y añadidos en esta nueva versión que puedes leer con mayor detalle en nuestro anterior artículo sobre WordPress 4.5.

En el siguiente vídeo (en inglés) puede ver una introducción a los nuevos cambios disponibles en WordPress 4.5

Descargas

La última versión estable de WordPress 4.5 está disponible en dos formatos de archivos (zip o tar.gz). Si no tienes idea de qué hacer con esta descarga, revisa más abajo los pasos sobre la actualización de WordPress o consulta la documentación oficial del proyecto.

• Descarga la actualización de WordPress 4.5 del sitio de WordPress en Español (en Español).

En WordPress 4.5 (nativo desde la versión 3.7) no es necesario que actualices si no lo crees conveniente, pero es importante que sepas que si no lo tienes deshabilitado ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática!.

Puedes consultar la lista completa de cambios (en inglés) en el Codex de WordPres.org.

Como siempre, cuando las nuevas versiones se liberan, la recomendación es actualizarse a la última versión estable de este CMS, previa copia de seguridad, para garantizar la seguridad y estabilidad de nuestro Blog.

277 personas han contribuido en la liberación de esta nueva versión de WordPress, a los que todo el equipo de desarrollo agradece su tiempo, dedicación voluntaria y aportes al CMS más usado del momento.

El programa cuenta con 30 especialistas del mundo del marketing online y e-commerce.

Especialistas que te darán sus consejos

Entre otros: Vilma Núñez, Víctor Martín, Juan Merodio, Isra García, Berto López, Javier Gosende, Alex Navarro, Víctor Campuzano, Isabel Romero, Fernando Angulo, Carlos Bravo, etc.

Todos los días recibirás un consejo que podrás aplicar de forma inmediata para hacer crecer tu negocio:

• Mejoras de SEO Onpage para posicionar mejor en Google.
• Trucos y mejores prácticas de Facebook Ads para vender más.
• E-mail marketing más efectivo utilizando con eficacia tus listas de correo.
• Consejos de copywriting para seducir al visitante y convertirlo en cliente.
• Crear mejores anuncios de Google Adwords reduciendo el CPC.
• Mejora tu analítica web, aprende qué debes medir para saber qué mejorar.
• Aprovecha la potencia de Facebook Ads para captar interesados al menor coste.
• Visibilidad en las Redes Sociales adecuada para tu negocio.
• Mejorar la seguridad y velocidad de tu tienda online para estar más tranquilo.

Además si participas en el programa, Semrush te ofrece su herramienta de pago gratis durante 1 mes.

¿Todo listo para que te pongamos las pilas?.

PrestaShop 1.6.1.5

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.5:

• Servidor web: Apache 1.3, Apache 2.x, Nginx o Microsoft IIS.
• PHP 5.2 o superior (recomendado 5.4/5.5) 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.

Descarga PrestaShop 1.6.1.5

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

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

Si quieres ampliar conocimientos con PrestaShop puedes consultar los siguientes tutoriales (con vídeo incluido):

• 1. Introducción y cambios de diseño.
• 2. Creación de categorías, fabricantes, productos y atributos.
• 3. Gestión del menú y páginas CMS.
• 4. Proceso de compra, gestión de pedidos y clientes.
• 5. Métodos de pago y tarifas de envío.

No es que la versión 4.5 viniese cargada de relevantes novedades, pues la mayoría de ellas ya se conocían de versiones anteriores y solo pasaron por un remozado y mejora para depurarlas, otras menos comentadas son quizás la causa de que cientos de usuarios con temas comerciales como Divi de EleganThemes, Visual Composer de WPBakery Inc. y otros constructores y temas se viesen afectados tras actualizar.

¿Qué ha sucedido en WordPress 4.5?

Así a voz de pronto ¡muchas cosas! y la mayoría de ellas buenas, y no es que las que han perturbado la paz de EleganThemes o WPBakery Inc. sean malas, pero no han sido mejoras que se hayan acompañado por los desarrolladores de estos temas y/o constructores, que posiblemente no han percibido determinados cambios y no han tomado las medidas correctoras necesarias para acompañar con nuevas actualizaciones de sus temas y constructores a la par que se actualizó WordPress a la versión 4.5

Estos días desde Webempresa, especialmente en el Departamento de Soporte, hemos visto muchos clientes comentando sus problemas tras actualizar a pesar de que recomendamos precaución antes de actualizar y se depararon con errores como:

Este y otros errores han afectado principalmente a usuarios que trabajan con Divi (tema y constructor) o con Visual Composer, que han tenido que hacer, en el mejor de los casos, un rollover (marcha atrás) de versión y estancarse de momento en la versión 4.4.2 de WordPress.

Tiene su origen en un cambio de versión por parte de WordPress.org de jQuery a la versión 1.12 y que en versiones anteriores de jQuery trabajaba con sintaxis diferentes que fallan con la nueva versión de esta librería.

También se han dado casos que han afectado a la resolución y calidad de las imágenes tras actualizar, causado por un cambio en la compresión por defecto de las imágenes.

Recomendaciones básicas antes de actualizar a nuevas versiones de WordPress

Hay cuestiones que son casi de obligado cumplimiento, sobre todo si valoras tu sitio web y la cantidad de horas que tendrás ya invertidas en el. Seguir un checklist de pasos a realizar antes de proceder a actualizar a una nueva versión, marcarán la diferencia entre el éxito y el desastre.

• Realiza siempre una copia de seguridad.
• Comprueba que tu tema en uso es compatible con la nueva versión de WordPress.
• Si usas un constructor, asegurarte bien que es compatible con la versión nueva.
• Deshabilita aquellos plugins que no utilices (lo mejor sería que los desinstales) 1.
• ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, etc) ¡desactivalos!
• Comprueba que tus plugins activos son compatibles con la nueva versión.
• ¿Has hecho cambios en tu tema?, documentalos y si es posible usa temas hijo.
• ¿Trabajas con plugins como Move Login, etc.?, desactivalos, ya tendrás tiempo de usarlos después.
• Usa el sentido común, si no tienes claro algo, pregunta o busca en Internet.

1 - Si no usas plugins ¿para que los quieres tener instalados? y más si aún siguen activos y no haces uso de ellos. Solo sirven para aumentar los tiempos de carga de tu web, tener un mayor número de peticiones (request), y servir de puerta trasera en caso de ser vulnerables y no estar parcheados.

Solo tras estas sencillas pero importantes consideraciones podrás plantearte actualizar a una versión nueva de WordPress, hoy la 4.5, mañana será otra con sus ventajas y sus errores, al final no es tan importante el acto de actualizar sino el proceso que emplees para llevarlo a cabo, pues de él depende el resultado.

La calidad de las imágenes

Fue una de las mejoras incorporadas en WordPress 4.5 que no hizo tanto ruido como los enlaces en línea (inline links) o los códigos cortos de pre-formateado de texto, pero también fueron actualizaciones que se llevaron a cabo como ellos dicen "Under the Hood" (bajo el capó) y son precisamente algunas de estas las que acabaron generando problemas a muchos usuarios.

La calidad de las imágenes fue modificada y supuestamente no debería afectar a la mayoría de las instalaciones de WordPress, pues se buscaba tener un renderizado más rápido de las mismas.

Puedes leer este hilo donde tratan este cambio y las correspondientes propuestas: "Increase the default image compression in WordPress"

Si utilizas plugins como Optimus o el Optimizador de Imágenes de Webempresa (herramienta disponible para clientes), seguramente tus imágenes con extensión .jpg ya están optimizadas y no debería verse afectadas.

Se muestran muchos mensajes de advertencia de MySQL

WordPress 4.5 elimina el código de supresión de errores del sistema de base de datos.

En esta versión se ha dejado intencionadamente activada la funcionalidad de mostrar mensajes de avisos (warnings) o mensajes de advertencia visibles, y que solo deberían ser visible si por defecto tienes habilitado el "modo de depuración" en WordPress.

Una solución rápida sería añadir el siguiente define en el archivo wp-config.php, antes de la declaración final de 'ABSPATH':

define('WP_USE_EXT_MYSQL', true);

Verifica en tu archivo wp-config.php que la directiva WP_DEBUG se encuentra en "false", y comprueba también que tu Hosting tiene la directiva de PHP "display_errors" desactivada (off).

define('WP_DEBUG', false);

Algunos temas y plugins afectados

Si haces uso de alguno de estos temas o plugins, la premisa de momento es que no actualices a WordPress 4.5 y te mantengas en la versión 4.4.2, eso si, teniendo todos tus temas y plugins actualizados.

• Divi Theme (tema): Se debería solucionar actualizando a la versión 2.7.3 (actualizado 13/04/2016) que corrige el problema de jQuery. Si tienes dudas consulta con EleganThemes.
• Divi Builder (constructor): Consulta con EleganThemes.
• Visual Composer (constructor): Actualiza a la versión 4.11.2+
• Custom Facebook Feeds (plugin): Actualiza a la versión 2.4.1.2
• JetPack (plugin que soporta módulos): Asegúrate de estar conectado si usas Photon. Para otros casos ignorar.
• Free Shorcode Accordion Builder for WordPress (plugin): Consulta con ThemeXpert.
• a3 Lazy Load (plugin): Verifica primero en una sandbox si la nueva versión 1.7.1 muestra las imágenes.
• HeadSpace2 SEO (plugins): No deberías usarlo, lleva más de 3 años sin actualizar.
• Beaver Builder - WordPress Page Builder (constructor): Presenta algunos problemas con JQuery. Consulta con el soporte de Beaver Builder. De momento solo indican que es compatible con WordPress 4.4.2
• Algunos temas de ThemeForest (tema): Sin información por el momento.
• LearnPress (plugin): Teóricamente según el desarrollador no es compatible con WordPress 4.5 y puede generar errores tras actualizar https://ltz.wordpress.org/plugins/learnpress/

No hay caminos fáciles y caminos difíciles, todos en algún momento del recorrido presentan algún bache o desnivel. Es cuestión de tener un checklist para afrontar los problemas de manera más organizada pues solo así podrás estar más preparado para cualquier eventualidad.

SEO Local ¿Qué es?

Puede que hayas oído hablar alguna vez del SEO local pero ¿qué demonios es eso?

Se trata de una variante del SEO tradicional que busca posicionar las páginas webs en áreas geográficas concretas, hablando en plata, en la ciudad o provincia donde este tu negocio.

Si tienes una página web de abogados o cerrajeros que trabaja única y exclusivamente en Madrid invertir en una campaña de posicionamiento web en toda España es un gasto innecesario, por eso existen una serie de practicas y recomendaciones para darle más importancia a tu posicionamiento en determinadas ciudades, sobretodo con los últimos cambios en el algoritmo de Google que busca darle más oportunidades a todos los negocios dentro de su buscador y no solamente a los peces gordos.

Y es que dependiendo del tipo de búsqueda que realizan los usuarios los resultados varían, veamos que ocurre si buscamos "cerrajeros alicante"...

Si quieres aparecer en este tipo de listados las acciones que tienes que realizar varían un poco de las del SEO tradicional.

Para llevar a cabo una campaña de SEO Local debemos seguir tres pasos fundamentales si queremos tener éxito, que son:

• Auditar - De esta forma podemos saber en que punto nos encontramos, que errores hemos cometido y la mejor forma de corregirlos.
• Optimizar - En esta fase pasamos a realizar los cambios y las mejoras necesarias para empezar a mandarle señales claras a Google.
• Medir - Se trata de un paso fundamental para saber si nuestra campaña de posicionamiento esta dando los resultados adecuados o debemos dar un giro de 180º, aunque Google cada vez esta haciendo más complicado medir los resultados no te preocupes porque más adelante te voy a enseñar una herramienta "made in spain" que nos dará información al milímetro sobre nuestro sitio web.

En el artículo de hoy voy a compartir contigo algunas buenas prácticas para empujar tu sitio web hacía arriba y un truquillo para que puedas medir los resultados de la forma correcta, así que es momento de dejarnos de explicaciones y entrar en materia ¿no te parece?

5 Trucos para mejorar el posicionamiento de tu negocio local

Si quieres competir con otras empresas y negocios de tu ciudad o provincia y quieres ganarles la batalla, el SEO local es donde debes invertir la mayor parte de tus esfuerzos y recursos.

Google cada vez le da más y más importancia a las búsquedas geolocalizadas, es decir, te mostrará unos resultados u otros dependiendo de la ciudad en la que te encuentres en ese momento.

Por lo tanto si escribo "fontaneros" desde Madrid o desde Galicia los resultados serán totalmente diferentes, esto es una buena forma de permitir que muchos otros negocios compitan en el mercado y es justo ahí donde vamos a sacar ventaja con algunas técnicas que aumentarán nuestros rankings de forma local.

#1. Mejorar nuestro SEO On Page

El seo on-page o seo interno son los cambios que realizamos dentro de nuestra página web optimizándola lo máximo posible para que los buscadores nos "quieran" más, si no prestas atención a tu seo on-page probablemente estas malgastando tu tiempo porque tus resultados estarán muy por debajo de tus posibilidades.

Aquí tienes una Guía de seo interno bastante completa y que te explica todo paso a paso, además de todos los consejos que tienes en esa guía y que son aplicables a todo tipo de páginas te recomiendo que para potenciar tu sitio web utilices cosas como:

• Utiliza el nombre de tu localidad a lo largo de los encabezados de tu página así como los meta-titles y meta-descriptions.
• Usa el Planificador de Palabras Clave de Google geolocalizando por tu ciudad, de esta forma encontrarás palabras clave 100% orientadas a tu zona.
• Añade microdatos a tu sitio web, como por ejemplo el Schema Markup para negocios locales que vamos a ver un poco más abajo.
• Utiliza tu dirección y horarios en las areas más visibles de tu web como el encabezado o pie de página.

Un buen ejemplo de SEO puede ser esta web: www.diseñoweb10.es, si nos fijamos en su página de inicio tiene enlaces a páginas concretas donde posiciona por términos locales como "Diseño web Valencia" o "Diseño web Barcelona" eso sería un buen ejemplo de seo on page orientado a geolocalización.

#2. Potenciar Google Mly Bussines

Si quieres tener presencia en los resultados geolocalizados de Google, como por ejemplo el mapa que aparece al buscar un negocio en una localidad en concreto debes tener un perfil de Google My Bussines completamente configurado.

Google dispone de una guía muy completa para dar de alta tu empresa en su herramienta que puedes encontrar aquí.

El mejor consejo que te puedo dar es que te esmeres por rellenar la ficha de tu empresa al dedillo con todos los detalles posibles.

#3. Usar Microdatos (Schema MarkUp)

El uso de microdatos puede ser un factor diferenciador muy importante, se trata de pequeñas partes de código que añades en tu página web que interpretan los buscadores y que sirven para mostrar una serie de datos adicionales en los resultados de búsqueda que no aparecen por defecto.

Se trata de un añadido que puede tener un impacto muy importante para conseguir un mayor número de clics (CTR) desde los buscadores, además de facilitar mucho a los motores de búsqueda el tema del que trata tu sitio web.

Un ejemplo de microdatos si tuviéramos por ejemplo una agencia de viajes sería:

Aquí tienes la guía de microdatos de Schema que te servirá para añadir otro tipo de datos a tu página web y que los buscadores puedan interpretarlos de la forma correcta.

#4. Hacer Link Building Local

Los enlaces siguen siendo uno de los elementos diferenciadores en cuanto a SEO se refiere, cada vez hay que hilar más fino y su valor no tiene tanto peso como antes pero es una estrategia perfecta para alcanzar los primeros resultados de Google si ya os optimizado tu página web.

Cuando hablamos de SEO local una de las mejores formas de conseguir enlaces son los directorios locales y las páginas de negocios así como sitios webs relacionados con tu ciudad.

Es importante que siempre que crees enlaces o te des de alta en algún directorio compruebes que la página web tiene un calidad y autoridad buena sino es probable que no te sirva de mucho y en algunos casos puede ser incluso perjudicial.

Los directorios y blogs locales son una forma perfecta de conseguir fuerza y autoridad hacía tu página, si además los combinas con medios y otras webs potentes notarás los resultados rápidamente.

#5. Conseguir Reviews

Las reviews juegan un papel importante para cualquier negocio local, sirven para mejorar la confianza de los usuarios en una marca o producto y a su vez los buscadores las tienen en cuenta para rankear mejor un sitio web, gran parte de los usuarios utilizan las reviews para buscar información justo antes de encontrar un producto y puede ser el punto de inflexión entre comprar un producto o servicio en tu web o en la de la competencia.

Según Moz uno de los 8 factores de posicionamiento en SEO local más importantes durante 2015 fueron las reviews.

Sitios webs como Google+, Yelp, TripAdvisor o Facebook te pueden ayudar mucho a conseguir opiniones para tu negocio.

Algunos métodos para fomentar las reviews de tus clientes pueden ser:

• Mostrar una llamada a la acción clara en tu sitio web que envíe a los usuarios a tu página de reviews, como por ejemplo, Google+.
• Envía un email a tus clientes 24 horas después del proceso de compra, preguntándoles acerca del servicio y animándoles a dejarte una review con su experiencia.
• Añade una página al finalizar el proceso de compra donde puedan dejar su opinión.
• Utiliza tus redes sociales para pedir a tus seguidores que dediquen un par de minutos a dejar su opinión sobre tu negocio.

Si empiezas a poner en práctica estos consejos hoy mismo notarás resultados de forma rápida pero lo más importante llega ahora...

Se trata de monitorizar en cada momento si subes o bajas posiciones en los buscadores que al fin y al cabo es lo que te va a dar la mayor fuente de visitas a tu web.

Midiendo los resultados...

Llega uno de los momentos más importantes y es que después de realizar todos esos cambios debemos ver si realmente están funcionando de la forma que esperábamos o tenemos que hacer cambios en nuestra estrategia.

¡Llega el momento de ver nuestras posiciones en los rankings!

Pero en este punto tenemos un problema...

Desde hace un tiempo Google ha empezado a cambiar los resultados que se muestran en su buscador dependiendo de la región en la que te encuentres, por lo que si estas buscando "abogados" los resultados que te mostrará serán totalmente distintos dependiendo del sitio en el que te encuentres.

Es un inconveniente, sobretodo si queremos posicionarnos por varias ciudad (algo habitual) ya que no podemos saber de manera exacta en que posición estamos...

¿Hemos subido? ¿hemos bajado? ¿realmente aparezco?

Si no sabemos el puesto exacto de las SERP en el que nos encontramos es imposible tomar acciones o cambiar nuestra estrategia de posicionamiento porque no tenemos nada a lo que agarrarnos para tomar decisiones y la gran mayoría de herramientas que se encargaban de monitorizar posiciones no pueden hacerlo de forma exacta.

Entonces...

¿Cómo podemos saber con seguridad las posiciones en las que se encuentra nuestro sitio web dependiendo de la provincia?

Bueno, pues la mejor solución que he encontrado y una con la que estoy bastante satisfecho es con el nuevo "juguetito" que han sacado un par de desarrolladores españoles, ni más ni menos que SEOBox un hardware hecho "Made in Spain" que nos va a calibrar al dedillo como va avanzando nuestro negocio en Internet.

En un momento en el que Google cada vez esta geolocalizando más todos los resultados que muestra para entregar los mejores resultados al usuario esta herramienta nos da un respiro a todos aquellos que trabajamos día sí y día también con sitios webs para aparecer en primera página.

La herramienta se lanzo en Noviembre de 2015 y tuvo un impacto fuerte en el mundo SEO, mucha gente hablaba de ella, haciendo análisis y reviews destacando todas las cualidades.

Es precisamente en uno de los módulos que tiene operativos donde podemos sacar ventaja frente a nuestros competidores, se trata de RankBOX que nos permitirá hacer consultas desde las IPs de otros miembros que forman parte de la plataforma, permitiéndonos realizar búsquedas como si estuvieras en Madrid, Barcelona o Bilbao y pudiendo extraer la información en tiempo real.

¿Una maravilla verdad?

Por lo visto eso es solo el principio de la herramienta, están sacando nuevos módulos para convertir SEOBox en una de las plataformas más potentes para todo aquel que tenga un negocio en Internet y quiera aparecer en Google.

Si quieres saber más sobre esta herramienta te recomiendo que le eches un ojo en www.seobox.club, me parece una herramienta muy currada y encima con sello español ¿qué más se le puede pedir?

Con todos estos consejos ya tienes trabajo pendiente para mejorar el posicionamiento de tu negocio en Internet. Recuerda que el SEO no es un sprint sino una carrera de fondo.

¿Cuál es la diferencia entre usabilidad y experiencia de usuario?

La definición oficial de la usabilidad hace referencia al grado en que un producto puede ser usado para conseguir metas específicas con efectividad y eficiencia, por lo tanto, el objetivo de la usabilidad, en el contexto de una web, es conseguir que esta sea fácil de utilizar.

¿Tus visitas consiguen cumplir el objetivo que tenían cuando entraron a tu sitio de forma sencilla? Si la respuesta es sí, entonces puedes decir que tu web es usable.

Por otra parte, la definición de la experiencia de usuario va más allá: hace referencia a la satisfacción conseguida en el usuario durante su interacción con el sitio. Una experiencia de usuario positiva hace que el visitante esté contento con la web antes, durante y después de su utilización.

¿Tus visitas tienen una experiencia estupenda mientras navegan por tu web? Entonces les estás proporcionando una buena experiencia de usuario.

Vamos a dejarlo todo claro utilizando un ejemplo muy extendido… Imagínate que la usabilidad es una autopista: es amplia, funcional, fácil de utilizar y une dos puntos utilizando el camino más recto y corto posible. Es eficiente y cumple su cometido.

Por otra parte, la experiencia de usuario es una carretera de montaña: huele a naturaleza, te permite ver un paisaje precioso y, aunque tiene curvas y te obliga a ir más despacio, es un placer recorrerla. La autopista es usable, pero la experiencia de usuario que te proporciona es plana.

La carretera de montaña no lo es tanto, pero te proporciona una gran experiencia de usuario.

Entonces, ¿la usabilidad y la experiencia de usuario están relacionadas

Claro, podemos decir que la usabilidad es uno de los aspectos necesarios para proporcionar una experiencia de usuario positiva a las visitas de tu sitio. Cuando hablamos de webs, lo mejor es combinar usabilidad con experiencia para conseguir un resultado equilibrado: no hay que sacrificar ninguno de los dos aspectos, sino intentar alcanzar el máximo de cada uno de ellos.

Ahora bien…

¿Puede haber usabilidad sin una buena experiencia de usuario? Sí. Por ejemplo, imagina que un usuario visita tu web y cumple fácilmente el objetivo que tenía en mente: buscar, encontrar y comprar un producto.

Sin embargo, el producto resulta no estar en stock, a pesar de haberse cargado el importe a su tarjeta, y el usuario debe ponerse en contacto contigo para solucionarlo todo.

La usabilidad de tu web es correcta, pero la experiencia de usuario ha sido un desastre y no es probable que la visita vuelva a adquirir nada en tu sitio en el futuro.

¿Y puede darse una buena experiencia de usuario sin usabilidad? Pues no es tan probable. La experiencia de usuario se verá perjudicada si tu web no permite que las visitas hagan lo que han venido a hacer de forma sencilla.

Por ejemplo, si en la web de un restaurante es imposible encontrar la carta porque está oculta en un PDF olvidado, lo más probable es que el usuario se frustre, abandone y busque otro lugar donde sí sepa lo que hay para comer y a qué precio.

Por lo tanto, podemos concluir que la usabilidad es uno de los componentes fundamentales de una experiencia de usuario positiva.

Ejemplos de usabilidad y experiencia de usuario en estado puro

El primer ejemplo que podemos ponerte es Lola Market, una web en la que puedes hacer la compra online. No podrían haber facilitado más el proceso: el cliente introduce su código postal y se le indican los supermercados que tiene disponibles en su zona. A continuación, solamente tiene que escoger los productos que desea, metiendo y quitando cosas del carrito y visitando las distintas tiendas.

La navegación es increíblemente sencilla y cada producto está debidamente identificado e ilustrado a través de imágenes.

Tras hacer clic en “Comprar”, el cliente introduce sus datos de pago y su dirección y elige la hora a la que quiere recibir el pedido. ¡Fácil!

Otro ejemplo: Amazon es el gigante del ecommerce, la web de compras por excelencia. Y no es casualidad. En su web hay cien trucos que se podrían implementar en otras tiendas online. Sobre todo, nos gusta su sistema de opiniones de clientes, ya que el resto de usuarios puede puntuar cada opinión en función de su utilidad.

Así, las que obtienen una mejor puntuación aparecen más arriba y los nuevos clientes pueden leerlas sin tener que buscar.

Otro avance del que podrían beneficiarse muchos ecommerce es el sistema de compra “en 1 clic”. Tras introducir la información de pago y los datos de envío por primera vez, el cliente puede habilitar las compras en 1 solo clic y acortar así el camino que debe recorrer para finalizar el proceso.

¿Qué consigues con esto? Pues facilitarle la vida al cliente y una tasa de abandono del carrito mucho menor. ¡Todos contentos!

La tercera en discordia: la accesibilidad

El término “accesibilidad”, cuando se emplea en relación con un sitio web, suele confundirse con la usabilidad.

Lo cierto es que se dice que una web es accesible cuando cualquier persona, incluidas aquellas con alguna discapacidad, puede navegar por ella sin problemas.

Por ejemplo, los que no ven demasiado bien agradecerán que exista un contraste correcto entre los colores utilizados, que la fuente escogida tenga un buen tamaño y que sea fácilmente legible. Un invidente necesitará que su lector de pantalla pueda interpretar toda la información (incluyendo las imágenes y los enlaces) y que hayas incluido audiodescripción en los vídeos de tu web.

Por otra parte, las visitas con problemas de audición precisarán que incluyas la transcripción del contenido de tus vídeos o que los subtitules.

¿No te lo habías planteado nunca? No eres el único, pero poco a poco todos nos iremos concienciando de que hay que facilitar el acceso a los contenidos web a todo el mundo.

En el futuro, lo más probable es que se convierta en requisito legal hacerlo así.

En resumen

¿Ya tienes clara la diferencia entre experiencia de usuario, usabilidad y accesibilidad?

Si te ha parecido interesante, puedes compartir el post en tus redes o suscribirte para seguir recibiendo contenidos chulos :)

Se trata de una potente herramienta desarrollada por Dan Sharp fundador y director de Screaming Frog Ltd, diseñada y orientada a analizar y auditar sitios web desde el punto de vista de SEO, pensada para sitios pequeños y principalmente orientada a sitios grandes, donde comprobar manualmente cada página se convertiría en una tarea pesada y que consumiría muchos recursos humanos.

¿Qué puedes hacer con Screaming Frog SEO Spider?

• Encontrar enlaces rotos y errores.
• Revisión de robots y directivas.
• Analizar los títulos de páginas y metadatos.
• Descubrir contenido duplicado.
• Generar sitemaps XML.
• Análisis de logs.
• Rastreo de bots, límites y configuraciones.
• Extraer datos con XPath.
• Analizar imágenes, CSS, javascript, archivos SWF.
• Auditoría de Redirecciones.

La versión "gratuita" de Screaming Frog SEO Spider permite analizar o rastrear 500 URIs; para sitios muy grandes tendrás que plantearte la licencia comercial de la herramienta.

Características destacadas de Screaming Frog SEO Spider:

• Errores: errores de cliente tales como enlaces rotos, errores del servidor (Sin respuesta, 4XX, 5XX).
• Redirecciones: redirecciones permanentes o temporales (respuestas 3XX).
• URLs bloqueadas: ver y auditar URLs no permitidas por el protocolo de robots.txt.
• Enlaces externos: todos los enlaces externos y sus códigos de estado.
• Protocolo: si las direcciones URL son seguras (HTTPS) o inseguras (HTTP).
• Problemas URI: caracteres no ASCII, guiones, caracteres en mayúsculas, parámetros o direcciones URL largas.
• Páginas duplicadas: valor Hash/ comprobación de suma MD5 para las páginas con contenidos duplicados.
• Títulos de página: títulos que faltan, están duplicados, tienen más de 65 caracteres, son cortos, ancho de píxel de truncamiento, mismo que H1, o múltiple.
• Meta Descripción: inexistente, duplicada, con más de 156 caracteres, corta, ancho de píxel de truncamiento o múltiple.
• Meta Keywords: principalmente para referencias, ya que no son utilizados por Google, Bing o Yahoo.
• Tamaño de archivos: tamaño de URLs y de imágenes.
• Tiempo de respuesta.
• Última modificación de la cabecera.
• Nivel de profundidad de las páginas.
• Recuento de palabras.
• H1: inexistente, duplicado, con más de 70 caracteres, múltiple.
• H2: inexistente, duplicado, con más de 70 caracteres, múltiple.
• Meta Robots: index, noindex, follow, nofollow, noarchive, sin fragmento de código, NOODP, NOYDIR, etc.
• Meta Refresh: incluyendo la página de destino y el tiempo de retardo.
• Elemento con enlace canónico y cabeceras HTTP canónicas.
• X-Robots-Tag.
• rel=“next” and rel=“prev”.
• AJAX - La araña SEO obedece al esquema AJAX de rastreo de Google.
• Inlinks: todas las páginas con enlaces a una determinada URL.
• Outlinks: todos los enlaces salientes a una URL concreta.
• Texto de anclaje: todo el texto del enlace. El texto alternativo (alt) de las imágenes con enlaces.
• Follow y Nofollow: en la página y a nivel de enlace (verdadero/falso).
• Imágenes: todas las URLs con el enlace de la imagen y todas las imágenes de una determinada página. Imágenes de más de 100kb, sin el texto alternativo (alt), o con texto de más de 100 caracteres.
• User-Agent Switcher: rastrear como si fuese Google Bot, Bing Bot, Yahoo! Slurp, agentes de usuario móviles o con tu código personalizado UA.
• Encabezado Accept-Language configurable: Suministra cabecera HTTP Accept-Language para rastrear el contenido de la configuración adaptada regional.
• Redirigir Cadenas: descubre cadenas y loops redirigidos.
• Búsqueda de código fuente personalizada: la araña SEO permite encontrar cualquier cosa que desees en el código fuente de una página web. Ya sea código de Google Analytics, un texto específico, o código, etc.
• Extracción personalizada: puedes recoger cualquier dato desde el código HTML de una URL utilizando XPath, selectores CSS Path o expresiones regulares.
• Integración con Google Analytics: puedes conectarte a la API de Google Analytics y tirar de los datos de usuario y conversión directa durante un rastreo.
• Integración con Google Search Console: puedes conectarte a la API de Google Search Analytics y recoger impresiones, clics y los datos de posición promedio de URLs.
• Generador XML de Sitemap: puedes crear un mapa del sitio XML y un mapa de imagen utilizando SEO Spider.

Descargar Screaming Frog SEO Spider

Screaming Frog SEO Spider está escrito para ser utilizado en diferentes sistemas operativos, Linux, Windows y OSX. Puedes descargarlo desde la web oficial del proyecto.

Descarga SEO Spider Tool

Códigos de respuesta de Screaming Frog SEO Spider

Cuando haces uso de la herramienta los resultados pueden devolver una serie de códigos de respuesta. Conocer y entender estos códigos te ayudarán a hacer un uso más eficiente de la misma.

La pestaña de códigos de respuesta de la herramienta incluye información de respuesta de URI interna y externa.

Estos códigos de respuesta HTTP habituales son:

• Sin Respuesta: Cuando no recibimos respuesta a nuestra solicitud. Normalmente, una URI con formato incorrecto o un tiempo de espera de conexión.
• Correcto (2XX): el URI solicitado fue recibido, entendido, aceptado y procesado con éxito.
• Redirección (3XX): Se ha detectado un cambio de dirección.
• Error de cliente (4xx): Indica que ha ocurrido un problema con la solicitud.
• Error del servidor (5XX): El servidor no pudo cumplir con una solicitud aparentemente válida (bloqueos, etc).

Algunos ejemplos:

• 200: OK.
• 301: Redireccionamiento Permanente.
• 302: Redireccionamiento Temporal.
• 404: Recursos no encontrado.
• 500: Error del servidor
• 503: Recurso no disponible.

En el RFC 2616/sec10 puedes encontrar la descripción completa de cada código de respuesta (en inglés).

Análisis de Logs con Screaming Frog SEO Spider

Recientemente el equipo de desarrollo de Screaming Frog SEO Spider ha liberado Log File Analyser, una herramienta separada de SEO Spider diseñada para analizar archivos de registro (logs) de actividad, etc. Básicamente esta herramienta permite ver exactamente lo que los motores de búsqueda han experimentado rastreando el sitio web, durante un período de tiempo.

El analizador de archivos de registro es ligero, pero muy potente, capaz de procesar, almacenar y analizar millones de líneas de datos de eventos del archivo de registro en una base de datos inteligente.

Actualmente Log File Analyser es comercial, pero puedes utilizar la versión con licencia gratuita para analizar 1 sitio web o 1000 líneas de logs, suficiente para determinar si esta herramienta es útil para tus proyectos web y ver si das el salto a la versión comercial.

Esta herramienta reúne datos clave del archivo de registro para permitir tomar decisiones informadas. Algunos de los usos comunes incluyen:

• Identificar rastreadores de URLs.
• Localizar enlaces rotos y errores.
• Analizar urls más y menos rastreadas.
• Detectar páginas no rastreadas y huérfanas.
• Analizar la frecuencia de los rastreadores (crawlers).
• Auditar redirecciones.
• Identificar páginas grandes y problemas de rendimiento.
• Combinar y comparar datos (GA y logs).

Descarga Log File Analyser

Gracias a la tecnología de "arrastrar y soltar" (drag & drop) puedes arrastrar uno o varios archivos de registro de gran tamaño directamente en la interfaz de Log File Analyser, y la herramienta detectará automáticamente el formato de archivo de registro y compilará los datos en una base de datos local, capaz de almacenar millones de eventos de registro.

Se pueden arrastrar varios archivos registros o carpetas al mismo tiempo, que pueden ser comprimidos con gzip y desde cualquier servidor, ya sea Apache, Nginx o ISS.

Por el momento la recogida de datos se centra en robots de Google, Bing Bot, Yandex y Baidu. En versiones posteriores esta funcionalidad será configurable. Se puede cambiar de agente de usuario para ver solamente los robots específicos, a través de la lista desplegable en la parte superior derecha junto al intervalo de fechas.

Conclusiones

No cabe duda que tanto Screaming Frog SEO Spider como Log File Analyser son dos herramientas muy importantes dentro del arsenal de trabajo de aquellos profesionales centrados en servicios SEO, pues las informaciones obtenidas con estas herramientas permiten no solo trazar estrategias para mejorar la carga y optimización de los sitios, además proveen de información valiosa sobre el comportamiento de los bots de rastreo de los buscadores habituales.

Screaming Frog SEO Spider es una de las varias herramientas de análisis de datos de sitios web que deberías tener siempre a mano para tus proyectos o los de tus clientes.

Otras herramientas recomendadas por Webempresa:

• Vikinguard para analizar Tiendas PrestaShop (ver artículo).
• Vikinguard para analizar Tienda con WooCommerce en WordPress (ver artículo).
• Metricool para analizar sitios web y redes sociales (ver artículo).
• wpDoctor para analizar sitios web con WordPress (ver artículo).

¿Qué son las migas de pan y por qué lo necesitas?

Las migas de pan es un término usado para describir el menú de navegación jerárquica que se presenta como una secuencia de enlaces. Esto se utiliza como navegación secundaria que le permite a los usuarios ir hacia arriba y hacia abajo en la jerarquía de los enlaces.

Las migas de pan son diferentes al sistema de menús de navegación que tiene WordPress por defecto.

El propósito de las migas de pan es ayudar a los usuarios a navegar por una página web y a entender dónde están ubicados en un sitio.

También ayuda a los motores de búsqueda a entender la jerarquía de los enlaces en una página web. Los motores de búsqueda como Google han comenzado a mostrar las migas de pan debajo del título del sitio en los resultados de búsqueda. Esto le da a tu sitio web más visibilidad en los resultados y aumenta la tasa de clics.

Dicho esto, vamos a ver de qué forma podemos añadir enlaces de navegación de migas de pan en WordPress.

Mostrar migas de pan en WordPress utilizando el plugin Breadcrumb NavXT

Esta es la forma más sencilla de agregar migas de pan en WordPress. El uso de este plugin es fácil, flexible, y tiene diversas opciones para configurar.

Ahora te voy a mostrar las miga de pan utilizando Breadcrumb NavXT.

Lo primero que hay que hacer es instalar y activar el plugin Breadcrumb NavXT.

Tras la activación, es necesario visitar la página Configuración » Breadcrumb NavXT para configurar el plugin.

La configuración que viene por defecto debería funcionar para la mayoría de los sitios web. Ahora, si quieres hacer cambios para personalizar la configuración según lo necesites, puedes usar la página de configuración.

La página de configuración se divide en diferentes secciones.

En la pestaña Configuración general, se puede definir cómo se comporta el plugin a nivel general.

Este plugin te permite modificar y personalizar la forma de mostrar los enlaces de navegación

Aquí podrás elegir cómo deseas mostrar la jerarquía de tus entradas.

Por defecto el plugin usará Título del Sitio > Categoría > Título de la entrada. Puedes reemplazar las categorías por las etiquetas, fechas o entradas que estén por encima.

Las taxonomías y las fichas de autor tienen patrones similares para sus enlaces de migas de pan.

No olvides guardar cambios una vez que hayas configurado todo :-)

Modificando la plantilla

El plugin requiere hacer algunas modificaciones en un archivo de tu plantilla de WordPress.

Es necesario añadir este código en tu plantilla, en el lugar en donde quieras mostrar las migas de pan, usualmente en el archivo header.php (o archivo similar de tu plantilla que muestra la cabecera), también puedes usar el archivo header.php del tema hijo en caso hayas configurado un tema hijo.

<div class="breadcrumbs" typeof="BreadcrumbList" vocab="http://schema.org/">
<?php if(function_exists('bcn_display'))
    {
        bcn_display();
    }?>
</div>

Una vez modificado este archivo, eso es todo. Ahora ya puedes ver las migas de pan visitando cualquier entrada o página de tu sitio.

Mostrar migas de pan en WordPress utilizando el plugin Yoast SEO

Lo primero que tienes que hacer es instalar y activar el plugin Yoast SEO. Es muy probable que ya tengas instalado este plugin, es uno de los plugins esenciales que deberías tener un tu WordPress.

Por lo que es una ventaja usar este plugin en este caso, si no quieres agregar otro plugin a tu web.

Ya dentro del plugin Yoast SEO, debes ir a SEO » Avanzado y seleccione la opción Migas de Pan.

Una vez hecho esto, tienes varias opciones para mostrar las migas de pan en tu sitio.

La configuración predeterminada debería funcionar sin problemas, pero si sos de esos que les gusta tocar y cambiar cosas puedes hacerlo desde la siguiente pantalla.

Una vez que hayas terminado, guardas los cambios y ya lo tendrás.

Modificando la plantilla

Algunas plantillas de WordPress soportan las migas de pan configurando con el plugin Yoast sin modificar nada.

Puedes chequear visitando tus páginas y entradas para verificar si se muestras las migas de pan.

Si el tema no muestra automáticamente las migas de pan, entonces tendrás que añadir un pequeño fragmento de código a tu plantilla de WordPress.

Ya con agregar este código en tu plantilla en el archivo header.php (o archivo similar de tu plantilla que muestra la cabecera), también puedes usar el archivo header.php del tema hijo en caso hayas configurado un tema hijo.

<?php if ( function_exists('yoast_breadcrumb') )
{yoast_breadcrumb('<p id="breadcrumbs">','</p>');}?>

Ya con esto hecho, ahora puedes visitar tu sitio web para ver las migas de pan en acción.

Bueno esto es todo, como has visto es bastante sencillo, espero que pueda ayudarte a mostrar las migas de pan para tus contenidos en WordPress.

Plantillas con Portafolio de Imágenes vs. Plugins para Portafolio de Imágenes

Existen muchas plantillas que tienen una funcionalidad incorporada donde puedes crear un portafolio de imágenes.

Entonces, ¿por qué vas a elegir un plugin cuando existen plantillas que pueden hacer lo mismo?

Se supone que las plantillas de WordPress están diseñadas para manejar solamente el aspecto visual de tu web. Esto incluye, colores, estilos, diseños y la presentación del contenido.

Y por otro lado existen los plugins que son la forma más apropiada para agregar funcionalidades a tu sitio de WordPress como formularios de contacto, cuestiones de seguridad, backups de tu sitio, optimización del SEO, opciones para compartir en las redes sociales, etc.

Cómo un portafolio de imágenes es una funcionalidad que puede estar o no, por lo tanto lo más apropiado sería añadirlo con un plugin.

Además de que el uso de una plantilla con un portafolio de imágenes ata a tu web a mantenerse con esa plantilla. En el caso que lo quieras cambiar, vas a perder los datos de ese portafolio.

Al usar una plantilla portafolio, si bien los datos se almacena en la base de datos de WordPress, que no será visible con el nuevo tema, si deseas pasar esos datos a una nueva plantilla puede que te resulte muy difícil recuperarlos.

En cambio si utilizas un plugin, podrás hacerlo con la plantilla que se te de la gana.

Aclarado este punto, vamos ver cuales son los mejores plugins para mostrar un portafolio de imágenes en WordPress.

1. Envira Gallery

Envira Gallery es un plugin de pago. Este plugin te permite crear hermosas galerías de imágenes y álbumes. Es utilizado por muchos y creo que es el mejor plugin de WordPress para los fotógrafos y diseñadores.

La creación de un portafolio de imágenes con Envira Gallery es bastante fácil. Basta con crear galerías que contienen las imágenes de tu portafolio.

Puedes agrupar distintas galerías en álbumes y agregar los elementos de tu portafolio en cualquier lugar de su sitio con solo un clic.

2. Nimble Portfolio

Nimble Portfolio ofrece una manera fácil de agregar un portafolio de imágenes en WordPress. Puedes cargar tus imágenes u otros trabajos digitales mediante la creación de un nuevo elemento del portfolio.

Los elementos de tu portfolio tienen una taxonomía personalizada en donde tendrás que establecer esas imágenes como una entrada personalizada para que las reconozca. Nimble también te permite agrupar diferentes imágenes mediante distintos filtros.

Nimble Portfolio es un plugin es gratuito pero viene con opciones limitadas. Para agregar más opciones y características, tendrá que comprar los complementos que ofrecen los desarrolladores de este plugin.

3. WordPress Portfolio Plugin

WordPress Portfolio Plugin es otro plugin gratuito que te permite generar automáticamente imágenes en miniatura de sitios web que añadas a tu portafolio utilizando la API ShrinkTheWeb.

Puedes personalizar la apariencia de los elementos de tu portafolio usando CSS y HTML personalizado y agrupar los diferentes elementos de tu portafolio en diferentes grupos.

4. Portfolio Gallery

Portfolio Gallery es un popular plugin para WordPress y también es gratuito. Viene con diferentes opciones de visualización y te permite ordenar los elementos de tu portafolio en diferentes categorías. También te permite añadir múltiples imágenes o vídeos por proyecto.

Una desventaja de este plugin es gratuito pero la mayoría de las características que tiene no están habilitadas y solo están disponibles en la versión de pago.

5. Projects de WooThemes

Projects es un plugin de portfolio imágenes de WordPress gratuito que ha desarrollado WooCommerce. Este plugin se caracteriza por ser sencillo y básico.

El plugin viene con post custom types para cada proyectos. Puedes crear tantos proyectos como quieras, en donde cada proyecto puede tener su propia imagen de portada, galería de imágenes y descripción.

Una desventaja es que no abre las imágenes en caja tipo “lightbox”, es decir que al hacer clic en cada proyecto se carga la página completa del proyecto y al hacer clic en cada imagen carga una página con imagen como archivo adjunto.

6. Portfolio

Este plugin simplemente te permite crear múltiples portafolios de imágenes con diferentes proyectos dentro de ellos. Cada proyecto puede tener su propia portada y galería.

Es un plugin gratuito, pero la gran mayoría de sus características están bloqueados y están disponibles en la versión de pago. Sólo ofrece un tipo diseño en la versión gratuita.

Este plugin utiliza una interfaz propio para crear los portafolios, que es rápida pero no es la misma interfaz de usuario que tiene WordPress.

7. NextGen Gallery

NextGen es un popular plugin para crear galerías de imágenes que también se puede utilizar para crear un portafolio de imágenes. Con este plugin puedes crear tus propias galerías de imágenes y álbumes.

También puedes colocar etiquetas en los elementos de la galería y mostrar su cartera en pop-ups. Se puede decir que la versión gratuita del plugin está bastante bien equilibrada con las características que tiene disponible. Ahora, si quieres obtener soporte y todas las funcionalidades disponibles tendrás que adquirir la versión de pago.

8. Portfolio de BestWebSoft

Portfolio de BestWebSoft es otra de las opciones populares para un portafolio de imágenes en WordPress. Con este plugin puedes trabajar con cualquier tipo de portfolio, pero está diseñado principalmente para desarrolladores web.

Este plugin utiliza taxonomías personalizadas y está para poder sacarle el jugo deberás tener algunos conocimiento técnicos básicos.

9. Custom Content Portfolio

Custom Content Portfolio te permite crear un portfolio muy básico. Puedes agregarle diferentes categorías y etiquetas a tus proyectos. También puedes añadirle algunos detalles a cada proyecto, como información del cliente, de inicio del proyecto y fecha de finalización, página web, etc.

Para colocar imágenes dentro de los detalles de cada proyecto, tendrás que añadir imágenes adicionales no lo podrás hacer con la misma imagen que coloca en tu portafolio. También tendrás que configurar la plantilla, para que los muestre con un diseño determinado como puede ser una cuadrícula.

Buenos esto es todo, espero que te sirva y te ayude a crear un portafolio que se ajuste a tus necesidades.

Seguro que alguna vez te ha pasado: te descargas una app y descubres que es un lío utilizarla.

O entras a una web a comprar un producto que deseas con locura, pero el proceso de compra te pide los mismos datos una y otra vez, acabas desesperándote y cierras la pestaña.

¿Te suena?

Pues no cometas el mismo error: tu web debe ser fácil de utilizar y ofrecer al usuario contenido pertinente, relevante y valioso que haga que disfrute de cada paso.

¿Y esto cómo se hace?

7 claves para aprobar en experiencia de usuario

Y es que la experiencia de usuario sigue siendo una asignatura pendiente en las webs españolas.

Según un estudio realizado por Top Position, solamente el 8% de las webs corporativas obtiene una buena valoración de su UX.

Vamos a darte algunos consejos concretos para que puedas mejorar la experiencia de usuario de tu web y hacerla más útil, más fácil de utilizar y más divertida.

¡Verás qué diferencia!

1. Deja miguitas de pan

Cada página que compone tu web debe tener un objetivo perfectamente claro: presentar un producto, dar la oportunidad de comprarlo, dar a leer un post, conseguir suscriptores para tu newsletter...

Una vez tengas claro el objetivo de cada página, concéntrate en conseguir que tus textos e imágenes guíen al usuario correctamente.

Filtra todo lo que resulte innecesario o confuso y marca un camino claro.

Para lograrlo, tendrás que utilizar llamadas a la acción atractivas.

Una llamada a la acción es un botón que incluye un verbo que anima al usuario a hacer algo concreto.

Elige las palabras con cuidado, porque es importante que consigas conectar con el cliente y convencerlo de que debe dar el siguiente paso.

Un buen ejemplo de llamadas a la acción atractivas es nuestro amigo WordPress:

¿Por qué funciona tan bien? Porque utilizan su llamada a la acción como elemento central de la página y, sobre todo, ofrecen a sus visitas algo que quieren de verdad ¡y completamente gratis! No hay mejor forma de aumentar las conversiones.

2. No te pases de original

La coherencia es una virtud y, en tu web, todo debe encajar sin fisuras.

En lo que concierne a tu sitio, es mejor que no reinventes la rueda. Existen estándares que es mejor respetar, porque las visitas están acostumbradas a guiarse por ellos.

Por ejemplo, a menos que tengas un público muy concreto (e incluso así) es mejor no esconder demasiado el menú principal: cuando navegamos por una web, a ninguno nos gusta tener que rebuscar las cosas.

Sé coherente en lo referente al diseño. Le harás la vida más fácil a tus usuarios y conseguirás mejorar su experiencia y aumentar su nivel de satisfacción. Por ejemplo:

• Juega con una o dos fuentes en diferentes tamaños para títulos, subtítulos y párrafos.
• Asegúrate de que las imágenes compartan estética y estén situadas de forma similar.
• Utiliza un estilo parecido en todos tus botones de llamada a la acción.

3. Ofrece algo a cambio

Sé generoso con tus visitas: siempre que puedas, ofréceles algo a cambio de realizar la acción que les estás pidiendo.

Si cambias un mensaje como “Regístrate ahora” por “Regístrate y consigue una consulta gratis” conseguirás muchas más conversiones.

¿Un muy buen ejemplo? El de Netflix:

4. No te dejes nada en el tintero

Proporciona al usuario información suficiente para tomar una decisión.

Por ejemplo, si una persona quiere comprar algo en tu web y recibir el producto por correo, tendrás que informarle de los métodos de envío que puede elegir y cuánto tiempo tarda la entrega en cada caso.

Muestra los precios de forma clara durante todo el proceso de compra, sin ocultar nada.

Si al final del proceso hay sorpresas, el cliente se llevará una impresión desagradable.

Otro elemento informativo que puedes añadir son las opiniones de otros compradores: a todo el mundo le tranquiliza saber que está adquiriendo un producto de calidad (según Revoo, el 63% de la gente es más propensa a comprar tras leer opiniones de otros clientes, ¡ahí es nada!).

Última idea: informa a tus usuarios de las medidas de seguridad que utilizas para garantizar la seguridad de sus datos.

Un sello de protección puede marcar la diferencia, porque tranquiliza al cliente y evita que tenga miedo de comprar.

5. Simplifica el proceso todo lo posible

Tú debes proporcionar toda la información necesaria, como te comentábamos, pero no debes pedirle al cliente que pase por un aro tras otro para completar una tarea.

Seguramente tengas que pedirle algunos datos, sobre todo si se trata de una compra, pero debes pedirle única y exclusivamente los imprescindibles.

No te pongas a recoger datos a lo loco o se aburrirán y abandonarán el proceso.

¡Menos es más!

¿Sabías que Expedia, la agencia de viajes online, aumentó sus ingresos en 12 millones de dólares tras eliminar el campo “Nombre de la empresa” de su formulario de registro?

Seguramente tus cambios no serán tan trascendentales, pero merece la pena hacer un esfuerzo tan pequeño.

6. Cuidadito con los 404

Puede que a Google no le importe mucho encontrarse con un error 404 (no se ha encontrado la página), pero no hay cosa que moleste más a un usuario. Y tampoco hay que hacer trabajar en balde al robot de Google, no sea que se enfade :)

Cuando hacemos clic en un enlace o en una imagen, esperamos que nos lleve a donde queremos ir. Lo contrario nos molesta y ralentiza el uso de la web en cuestión, por lo que quizá nos vayamos a otra parte.

Los errores 404 y la mala velocidad de carga son dos de las cosas más frustrantes que le pueden pasar a un usuario de tu web.

Vigila las páginas de tu sitio que devuelven este error y, para aquellos casos en que no puedas evitarlo, crea una página de 404 personalizada.

En ella, ofrece al usuario un campo de búsqueda donde introducir lo que necesita y un enlace a algunas de las secciones más útiles de tu web: la Home es imprescindible, pero también puedes añadir la landing de tu Catálogo, de tu Galería de Imágenes, de tu Blog...

Todo dependerá del tipo de sitio web que tengas.

Un ejemplo de un error 404 bien traído, el de Facebook, sin ir más lejos:

7. Diseña responsive

No se puede estar contento con la experiencia de una web si resulta imposible (o muy difícil) navegar por ella.

El diseño web responsive consigue que tu sitio se adapte al tipo de dispositivo que utiliza cada usuario, ya que hoy en día la mayor parte del tráfico llega a internet a través de móviles y tablets.

Si quieres mantener y mejorar tu ratio de conversión, tienes que ponerte al día.

Si quieres saber más, consulta este otro artículo sobre la importancia del diseño responsive.

En conclusión

Una buena experiencia de usuario consigue que tus visitas no solamente consuman el producto que les ofreces, ¡sino que se lo pasen bien mientras lo hacen!

Si lo logras, estarás un paso más cerca del éxito.

Y no te tiene que costar una fortuna: los consejos anteriores son todos bastante sencillos, pero tienen grandes efectos sobre las conversiones.

Ahora, cuéntanos tú: ¿cómo vas a mejorar la experiencia de usuario en tu web? ¿Qué empresas se te ocurren que tengan una gran UX?

Encuéntranos en las redes sociales si quieres hablar del tema.

¡nos encantaría saber lo que piensas!