Quantcast
Channel: Webempresa
Viewing all 1649 articles
Browse latest View live

Activar SSL (https) en WordPress

$
0
0

Activar SSL


Te explicamos la importancia de Activar SSL en WordPress cuando tienes un Certificado SSL instalado en el Hosting.

La velocidad con la que los cambios se suceden en Internet, principalmente en materia de seguridad y concretamente en la orientada a las pasarelas de pago, formularios, accesos y otros donde la necesidad de proteger datos sensibles es prioritaria nos lleva inexorablemente al uso de certificados de seguridad que añadan una capa de protección "extra" con el fin de no exponer información sensible.

El uso habitual de un certificado SSL (Secured Socket Layer) o "capa de conexión segura" es para clientes que tienen un sitio WordPress orientado al comercio electrónico (WooCommerce por ejemplo) y que seguramente tendrán necesidad de hacer uso de un certificado SSL para validar la identidad de su sitio web y encriptar toda la información enviada desde y hacia el sitio web.

Cuando hacemos uso de un certificado SSL (https) instalado en nuestro Hosting, los datos de los clientes o visitantes estarán totalmente asegurados para todas las transacciones financieras, nombres de usuario y contraseñas, e información de tarjetas de crédito.

Los certificados SSL se deben comprar antes de ser implementados en tu sitio web para determinado dominio.

¿Qué es un certificado SSL?

El protocolo SSL permite cifrar los datos de un sitio web garantizando a los clientes o visitantes que el sitio al que acceden es legítimo y que aplica una capa de seguridad adicional para evitar exponer datos sensibles.

Los datos que se transmiten a través de SSL se codifican para garantizar que no puedan ser interceptados por terceros.

No es posible habilitar SSL (https) en tu sitio web sin tener un Certificado SSL adquirido e instalado (consulta con tu Soporte Técnico).

¿Cómo configurar certificados SSL ya instalados?

  1. Accede a tu sitio WordPress como administrador
  2. Ve a Ajustes, Generales
  3. En el campo Dirección de WordPress (URL): cambia http:// por https://
  4. En el campo Dirección del sitio (URL): cambia http:// por https://

Activar SSL

A partir de este cambio, si tu Certificado está correctamente instalado, tu sitio de WordPress trabajará a través de SSL.

También puedes realizar el cambio modificando el archivo wp-config.php de tu instalación añadiendo los defines:

define('FORCE_SSL_LOGIN', true);
define('FORCE_SSL_ADMIN', true);

Activar SSL

Nota: Haz una copia de seguridad del citado archivo antes de modificarlo.

Por último podrías realizar una redirección de http:// a https:// forzando todas las páginas de tu dominio a cargar usando dicho protocolo seguro desde .htaccess colocando el siguiente código:

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://tu_dominio.com/$1 [R,L]

Activar SSL

Nota: Deberás sustituir tu_dominio.com por el nombre real de tu dominio.

Debes saber que recientemente Google ha optado por premiar y priorizar el posicionamiento orgánico de los sitios web que utilicen SSL, obviamente sin dejar de lado los contenidos.

Tampoco debes olvidar realizar una redirección 301 a todas las páginas HTTP hacia sus versiones HTTPS para evitar que tu posicionamiento se vea afectado y desde tus Herramientas para Webmasters realizar el cambio de HTTP a HTTPS teniendo en cuenta que antes debes tener ambas versiones dadas de alta en tu cuenta de Google Search Console.

¿Necesitas redireccionar el tráfico de HTTP a HTTP o a la inversa en el archivo .htaccess y no sabes como? ...sigue leyendo.


Redireccionar de HTTP a HTTPS

Cabe decir que es necesario disponer de un Certificado SSL instalado en el Hosting para poder hacer uso de este protocolo más seguro.

# Enviar trafico HTTP a HTTPS
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://tudominio.com/$1 [R,L]

Redireccionar de HTTPS a HTTP

Puede darse el caso que aún teniendo un Certificado SSL instalado (Comodo, Let's Encrypt, etc) quieras forzar el tráfico encriptado SSL para que se sirva con HTTP por diversas razones (pruebas con plugins conflictivos, configuración de una pasarela pago que no trabaja bien por HTPPS, etc), en cuyo caso códigos como el siguiente te permitirán pasar de HTTPS a HTTP sin desinstalar el Certificado SSL de tu Hosting.

# Enviar trafico HTTPS a HTTP
RewriteCond %{HTTP:X-Forwarded-Proto} =https
RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Este código debes colocarlo por encima de cualquier otro código de redireccionamiento, al principio del archivo .htaccess.


Exiten plugins como WordPress HTTPS (SSL) para gestionar SSL en WordPress, pero en casos como este, en los que se muestra que es más viable realizar la implementación desde el dashboard, por medio de .htaccess o en el archivos wp-config.php, cargar la instalación con más plugins es innecesario.

WordPress

WordPress HTTPS (SSL)

WordPress HTTPS pretende ser una solución "todo en uno" para el uso de SSL en sitios WordPress.

A ti te toca ahora determinar cual es la opción más factible para implementar SSL en tu sitio web WordPress para añadir seguridad adicional en las gestiones que implican la manipulación de datos delicados (las pasarelas de pago gestionan los datos de compras en servidores externos ajenos al tuyo) y mejorar tu karma con Google.

¿Conoces los certificados SSL Let's Encrypt?

Puedes ver en este vídeo información general de este tipo de certificados SSL gratuitos que puedes obtener desde este enlace donde lo explicamos con mayor detalle.



Agradecer a César Maeso, Administrador de Sistemas de Webempresa, la sugerencia para crear este artículo que estamos seguros servirá para que muchos usuarios y clientes tengan más claro como implementar SSL (https) en sus instalaciones de WordPress.



Llegó WordPress 4.6 ¡nueva versión con mejoras!

$
0
0

WordPress 4.6


Aprovechando que la mayoría de personas están de vacaciones de verano, Agosto es el mes propicio por excelencia en Europa y otros países, los chicos de WordPress.org nos han dejado WordPress 4.6 recién salido del horno para que lo disfrutemos.

Esta versión se ha liberado con 'codename' Pepper en honor al saxofonista barítono de Jazz Park Frederick “Pepper” Adams III.

Es importante actualizar WordPress, así como lo es también mantener segura la instalación, haciendo copias de seguridad, aplicando medidas de protección adicionales y utilizando plugins y temas descargados de fuentes confiables.


¿Qué hay de nuevo en WordPress 4.6?

La mayoría de mejoras incorporadas en WordPress 4.6 las puedes leer en el artículo publicado recientemente sobre novedades para WordPress 4.6.

En este vídeo oficial, subtitulado en Español, puedes ver rápidamente lo que nos trae de nuevo WordPress 4.6 hasta el dashboard.


¡Activa los subtítulos! Este vídeo de WordPress 4.6 se ha subtitulado a 43 idiomas gracias al excelente equipo de traductores voluntarios.


Novedades en WordPress 4.6:

  • Actualizaciones simplificadas: Instalar y Activar plugins en el mismo botón.
  • Fuentes nativas: Fuentes del dashboard en base a la plataforma.
  • Mejoras en el Editor: Comprobador de enlaces y recuperar contenido.
  • Consejos sobre recursos.
  • Mejora de la biblioteca de peticiones.
  • Nueva clase: WP_Term_Query y WP_Post_Type
  • Se ha extendido la Meta Registration API
  • Traducciones a voluntad.
  • Actualizaciones en la biblioteca de JavaScript: Masonry 3.3.2, imagesLoaded 3.2.0, MediaElement.js 2.22.0, TinyMCE 4.4.1, y Backbone.js 1.3.3.
  • APIs del Personalizador para validación de ajustes y avisos
  • Aceleración de Multisitios.

Puedes consultar la Lista de Cambios en el CODEX de WordPress para esta nueva versión.

A tener en cuenta antes de actualizar:

  • Realiza una copia de seguridad antes de actualizar (solo actualizaciones manuales).
  • Comprueba que tu Tema es compatible con la nueva versión de WordPress.
  • Si usas un constructor (builder), asegurarte que es compatible con la versión nueva.
  • Deshabilita aquellos plugins que no utilices (lo mejor sería que los desinstales).
  • ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, etc) ¡desactívalos antes de actualizar!
  • ¿Trabajas con Visual Composer como constructor? ¡ojo! no hay confirmación de que los chicos de WPBakery Inc. todavía hayan actualizado el constructor para compatibilizarlo con WordPress 4.6 ¡prueba antes en un clon o una sandbox!
  • Trabajas con el framework Genesis o temas para este fw ¡comprueba antes de actualizar que es compatible con esta nueva versión!.
  • Utilizas el plugin P3 Performance Profiler, deshabilitalo o mejor desinstalalo antes de actualizar WordPress.
  • Comprueba que tus plugins activos son compatibles con la nueva versión.
  • ¿Has hecho cambios en tu tema?, documéntalos y si es posible usa temas hijo (child theme).
  • ¿Trabajas con plugins como Move Login, etc.?, desactívalos, ya tendrás tiempo de usarlos después.
  • Usa el sentido común, si no tienes claro algo, pregunta o busca en Internet.

Actualizaciones:

Al acceder al dashboard deberías ver este aviso en Escritorio.


Ya actualizado

Si ves este mensaje en el apartado Actualizaciones será señal de que tienes las actualizaciones automáticas activadas y el core (núcleo) de WordPress se habrá actualizado al detectar la disponibilidad de la nueva versión.

Si por el contrario visualizas este aviso:


Aviso de actualización disponible

Accede a Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página, antes de enviar un ticket a tu Departamento de Soporte, te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web.

En WordPress 4.6 (nativo desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática! a menos que lo tengas deshabilitado claro.

En el siguiente vídeo veras que actualizar entre versiones es la mar de sencillo.



Siempre que se liberan versiones nuevas, lo recomendado es que actualices para garantizar la seguridad, estabilidad y mejor desempeño de tu web WordPress.

PrestaShop 1.7 ¿qué novedades nos esperan?

$
0
0

PrestaShop 1.7


Llegadas fechas próximas a la liberación de versiones de CMS solemos hacernos esta pregunta y es posible que ya encontremos algunos resúmenes o 'reviews' en Internet publicados ¡como este! explicando, en este caso, qué novedades encontraremos en PrestaShop 1.7 con respecto a versiones principales 1.6, 1.5, anteriores.

Plantearte actualizar PrestaShop a la versión 1.7 requerirá de mucho control de tu parte, analizar bien los detalles de tu actual instalación y dar el paso habiendo tomado todas las medidas habituales cuando una nueva versión aterriza en tu backoffice.

Ya pasó Abril de 2016 y nada extraordinario sucedió, como en principio se anunció, pero eso no quiere decir que no habrá nueva versión. Hay que tener en cuenta que PrestaShop vendrá con uno de los mayores cambios en el 'core' de los últimos tiempos, y eso requiere tiempo, muchos 'commits' para auditar código y miles de pruebas para traerte la nueva versión, presumiblemente en Octubre, si consideramos que estamos aún en la Beta3, entonces muchas cosas cambiarán en tu Tienda.


Analicemos la evolución del crecimiento de PrestaShop desde 2004 a nuestros días:


Comparativa de las 3 últimas versiones de PrestaShop en Google Trends

Haz clic en la imagen para ampliarla  


El desarrollo de PrestaShop 1.7 comenzó en 2015 y desde entonces ha ido tomando mucha fuerza y ocupado el tiempo de muchos desarrolladores, implicados en dotar de un framework robusto y estable a esta nueva versión.


Comienzo del desarrollo de PrestaShop 1.7 según Google Trends

Haz clic en la imagen para ampliarla  


Mientras otros carritos de compras muy conocidos, que llevan desde 2006 funcionando, pierden fuerza de forma global y casi forzada, PrestaShop compite con WooCommerce de forma directa, disputándose el primer puesto como uno de los carritos de compras más populares en Internet.


Comparativa PrestaShop, WooCommerce y VirtueMart en Google Trends

Haz clic en la imagen para ampliarla  


PrestaShop 1.7 aún está en desarrollo, no en vano se encuentra en versión "Beta3" (Agosto 2016), pero ya puedes evaluarla solo para pruebas y no para producción descargando un instalador desde la web oficial del proyecto.

PrestaShop v1.7.0.0 Beta3


Si quieres hacer un seguimiento de 'commits' y cambios actualizados puedes hacerlo desde el GitHub de PrestaShop para esta nueva versión.


Cambios destacados para PrestaShop 1.7

  1. Se introduce una nueva arquitectura, basada en el framework Symfony, junto con su motor de plantillas Twig. Un cambio muy importante en la estructura del CMS.
  2. La nueva arquitectura por el momento operará en el backoffice, y en un primer momento (versión 1.7) sólo para dos páginas: la página de Productos y la página de Módulos.
  3. El resto del backoffice seguirá utilizando la arquitectura heredada de versiones 1.5/1.6 - pero en versiones posteriores de PrestaShop cambiará a la nueva arquitectura.
  4. Las dos arquitecturas coexistirán mientras se van cambiando las páginas del backoffice, en diferentes fases de transición que se llevarán a cabo en futuras versiones de PrestaShop.
  5. Sólo los módulos que se dirigen a la página de Productos y a la página de Módulos necesitarán adaptar su código.
  6. Preston (el pequeño frailecillo) dará la bienvenida al nuevo operador novato en el backoffice.
  7. Se simplificará la creación de productos con 6 pestañas en lugar de 12 como era hasta ahora. Evitando vistas de cambios cada vez que se modifican varios parámetros.
  8. El módulo de visualización en PS 1.7 también se revisa: mayor claridad, mejores filtros (selección, módulos instalados, notificaciones). En resumen, todo lo que se agrupó en la versión 1.6, que se encuentra ahora en diferentes pestañas, se mostrará de modo más legible.
  9. La plantilla o tema por defecto de PrestaShop en la versión 7 sufre cambios importantes, destacándose la sobriedad, eliminando información superficial (banners estáticos por ejemplo) que fue incorporada en la versión anterior con el tema "default bootstrap" para dar más espacio al slider horizontal de portada.
  10. PS 1.7 romperá con la compatibilidad hacia atrás para los temas, de forma que temas para PS 1.6.x no serán compatibles con PS 1.7
  11. Cambios en la estructura del layout: Veremos por ejemplo etiquetas <body> y </body> desaparecer de archivos como header.tpl y footer.tpl.
  12. Se mantienen los mismos ganchos (hooks) en el tema "Classic", y se añadirán algunos más para implementar funcionalidades importantes.
  13. Se añadirán widgets en el tema, como característica para diseñadores y usuarios, permitiendo construir contenidos de forma sencilla y sin depender de módulos de terceros.
  14. La página de vista de productos ha mejorado reorganizándose visualmente. la vista de la ficha de producto aparecerá más ordenada, muy al estilo de las landings page de otros carritos de compra, con elementos más destacados.
  15. Tendremos URLs más limpias, lo que para el SEO será excelente, desapareciendo los IDs de productos, categorías y de páginas de CMS.
  16. Un checkout más limpio, con menos campos requeridos, un proceso de pago mucho más configurable y otras opciones adicionales para evitar el abandono de carritos por exceso de trámites requeridos para completar la compra.
  17. Mejoras en el código CSS del tema, haciendo uso de boostrapy y SASS junto con Bourbon (libreria SASS). Se actualiza la versión de jQuery a la versión 2.2 y el compilador Babel.

Un poco de historia...

PrestaShop 1.5 vio la luz allá por el año 2012, después de sufrir un cambio importante en su código, para no arrastrar taras del código de la versión 1.3/1.4.

Fue entonces cuando se incorporó por primera vez la funcionalidad de "multitienda", se añadió la gestión avanzada de stock, y principalmente se reescribió el núcleo (core) para adaptarlo al modelo MVC( Modelo Vista Controlador) común en frameworks orientados a CMS.

Después, en 2014, llegó PrestaShop 1.6 aportando frescura, aunque arrastraba casi toda la arquitectura de PrestaShop 1.5, lo que a la larga siempre acaba siendo un problema.

Se rediseño el back y front office para adaptarlo a los nuevos tiempos y cada vez más a las exigencias de los vendedores que necesitaban más información en el panel de administración de la tienda.

Llegó 2015 y el equipo de desarrollo de PrestaShop tuvo que decidir si mantenía la actual arquitectura heredada o si la mejoraba para hacerla más robusta, más modular y que pudiera ser auditable de manera más fácil.

Esto nos lleva hasta PrestaShop 1.7, que está en desarrollo constante desde 2015, con muchos programadores enfocados en la reescritura completa del CMS, con cambios tan importantes como la adopción del framework Symfony para dotar de su arquitectura a PrestaShop.

Se trata del mayor cambio de todos los tiempos desde PrestaShop 1.3/1.4 y con él llegarán nuevas formas de gestionar mejor toda la información que los vendedores necesitan en PrestaShop.

¿Porqué Symfony?

Principalmente porque Symfony2 es el estándar de PHP, con un código de calidad a la vanguardia de otros proyectos similares.

¿Qué otras opciones fueron evaluadas además de Symfony?

El equipo de desarrollo no se lanzó a una piscina sin agua, ni decidió reinventar la rueda, principalmente en un mercado como es el de los frameworks, tan competitivo.

Se evaluaron opciones como:

  • Lumen/Laravel
  • Slim
  • Zend
  • Yii
  • Silex

Quiero pensar que la decisión no ha sido rápida ni fácil, sobre todo si se considera que en esta lista están grandes frameworks como Zend, un competidor directo de Symfony.

PrestaShop 1.7 no será 100% Symfony, es más, solo será utilizada una fracción de la base del código para la nueva versión, haciendo esta transición más suave, verificando el comportamiento de los elementos de la anterior arquitectura, y tomando el pulso a los usuarios de PrestaShop para saber cómo se adaptan a los nuevos cambios, principalmente y primero en el backoffice.

En las siguientes versiones de PS 1.7.0.1 etc., se irán añadiendo poco a poco más páginas del backoffice al framework, lo que además traerá un diseño mejorado para cada sección migrada.


¿Que va a pasar con Smarty en PrestaShop 1.7?

Teniendo en cuenta que Twig es el lenguaje de plantillas en Symfony, en PS 1.7 será utilizado para todas las páginas reescritas para usar Symfony, de momento solo en la página de Productos y Modulos como comenté anteriormente.

En sucesivas versiones, a medida que se añadan más páginas para hacer uso del framework, estas irán pasando al uso de Twig.


¿Que es Twig?

Es un moderno motor de plantillas para PHP que las compila y optimiza sin formato reduciendo al mínimo la sobrecarga de código PHP.

Los usuarios tendrán más facilidad para modificar las plantillas que trabajen con el motor de Twig de forma más segura.

Los desarrolladores de temas para PS 1.7 lo tendrán mucho más fácil para definir etiquetas y filtros personalizados y también para crear sus propios DSL.

Twig trabaja con una arquitectura abierta lo suficientemente flexible para cubrir todas las necesidades, también las complejas.

Dispone de documentación en línea y una API muy bien documentada para facilitarle la vida a los desarrolladores.

Twig viene de la mano del desarrollador de Symfony Fabien Potencier, una mayor garantía de integración con el framework por parte de Twig.


¿Que será necesario para que la versión 1.7 sea compatible en tu Hosting?

Todavía no se han desvelado algunos de los requisitos de última hora que puedan ser necesarios para que PrestaShop 1.7 funcione en un Hosting que trabaje con PHP, Apache, MySQL, pero te puedo adelantar algunos de los requisitos que serán necesarios que tu Hosting cumpla.


Requisitos para la versión 1.7:

  • Servidor web: Apache 2.x, Nginx.
  • MySQL 5.x
  • upload_max_file_size = 16MB o más.
  • Extensiones PHP: GD, cURL, SimpleXML, SOAP.
  • Symfony 2.8
  • Instalar y/o habilitar un acelerador de PHP (muy recomendable).
  • Establecer short_open_tag OFF en el archivo php.ini
  • PHP 5.4 o versiones superiores (recomendado PHP 7).
  • Opcional: Certificado SSL.

He probado PS 1.7 Beta3 bajo PHP 5.6 y funciona correctamente en los servidores de Webempresa.


Puedes ver a continuación algunas capturas de apartados específicos que han pasado por un cambio de imagen importante con respecto a PrestaShop 1.6.x

El tema que incluye por defecto PS 1.7, llamado "Classic" (Clásico) es minimalista, más limpio que su antecesor y con menos espacios publicitarios.


Tema Classic

Haz clic en la imagen para expandirla  


En el backoffice, tras logearnos, seremos recibidos por Preston, el nuevo guía o asistente de PrestaShop.


El frailecillo Preston

Haz clic en la imagen para ampliarla  


El apartado Modulos opera ahora bajo el framework Symfony y luce de esta forma.


Módulos

Haz clic en la imagen para ampliarla  


En el frontal la vista de Productos se ha simplificado bastante.


Vista detalle de Producto

Haz clic en la imagen para ampliarla  



El resto de funcionalidades tendrás que esperar a que la nueva versión 1.7 esté más madura y apuntito de salir del horno y que yo pueda contártelo para que estés al corriente de todas estas interesantes novedades sobre uno de los carritos de compras más populares de los últimos tiempos.

Seguramente desde la escritura de este artículo hasta que la versión 1.7 vea la luz sucederán muchas cosas, todas ellas seguro que buenas, y la mayoría para el backoffice, aunque tendremos que esperar algunos cambios también para el frontal de la Tienda.

No hay que olvidar que se trata de una plataforma en constante crecimiento y desarrollo y que todas las incorporaciones que se hagan tienen como único objetivo hacerte la vida más fácil como administrador de una Tienda PrestaShop y la compra más sencilla a los usuarios, mejorando la usabilidad y dándoles más herramientas para que las compras sean un éxito.

Habrá más novedades, de eso estoy seguro, y yo estaré de nuevo por aquí para contarlas y que estés bien informado.


Migrar una Web WordPress a HTTPS

$
0
0

WordPress a HTTPS


Migrar una web al protocolo HTTPS con Webempresa, nuestra experiencia

En este artículo Josu nos explica su experiencia al migrar WordPress a HTTPS utilizando en su dominio un Certificado de Seguridad SSL.

Instaló un certificado de Let’s Encrypt que ofrecemos gratuitamente en Webempresa.

Aquí te dejamos los pasos que fue dando Josu, para que te sirva de guía si te decides a tener tu Web con HTTPS.


¿Qué es SSL y para qué sirve?

El protocolo SSL (HTTPS) lo que hace es añadir una mayor seguridad a las transacciones que se realizan en tu página web, cifrando los datos que intercambian tus usuarios con la página web.

Imagina que tienes una tienda online. Tu cliente tendrá que introducir sus datos personales, nombre, dirección, email… para que le puedas enviar el producto. Esos datos irán cifrados y mucho más seguros si dispones en tu comercio electrónico de un protocolo SSL instalado.

Así pues, este sistema de cifrado fue más pensado en sus inicios para ser utilizado en tiendas online o páginas que tuvieran que solicitar datos privados a sus usuarios. Para una página web meramente informativa en principio no es necesario, si bien es cierto mucha gente lo ha implantado dado que Google en su día dio a entender que lo tendría en cuenta a la hora de posicionar una página web.

Dado los precios que hasta ahora tenían estos protocolos, resultaba innecesario instalarlo en una página web sencilla simplemente porque sí. Lo más normal era verlo en comercios online como hemos comentado.

A día de hoy, gracias a Let´s Encrypt y a la instalación sencilla que nos ofrece Webempresa, es muy fácil que cualquier persona pueda tener un protocolo SSL en su web en cuestión de minutos, y lo mejor de todo, de forma totalmente gratuita.


¿Qué es Let's Encrypt?


Let's Encrypt

Let's Encrypt ha surgido como un proyecto para ofrecer certificados SSL de forma totalmente gratuita y libre.

Está impulsado por la fundación Linux y gracias a ello cualquier persona puede instalar un certificado de seguridad en su servidor y utilizarlo en tantas páginas web como desees.

Cómo instalarlo en un servidor no es tarea sencilla para todo el mundo, la mejor opción que tienes si eres un usuario no experto en la materia es contratar un hosting que disponga de Let's Encrypt incluido ya en sus servidores, como es en este caso Webempresa.


¿Cómo activar SSL en Wordpress con Webempresa?

Lo primero que tienes que hacer para activar SSL en un dominio que tengas alojado en Webempresa es darlo de alta en tu panel de cliente.

Para ello vas a la opción Hosting, Certificados y posteriormente seleccionas “Gestionar Certificados”.

Una vez dentro has de elegir el dominio en el que quieres activar el certificado. Recuerda elegir bien la versión de tu dominio con www o sin ellas, en función de cómo lo quieras.


Certificados

En unos minutos Webempresa habrá activado tu certificado SSL gratis y podrás empezar a disfrutar de él.

Para ello a continuación sigue estos pasos:

  1. Entra en tu administrador de WordPress y vete a Ajustes, Generales, Dirección de tu WordPress.
  2. Ahí cambia tu url y pon delante https://

    Listo, ahora guarda los cambios que acabas de efectuar.


    Ajustes WordPress

  3. Otra cosa que te recomendamos hacer es añadir a tu archivo wp-config.php el siguiente código:
  4. define('FORCE_SSL_LOGIN', true);
    define('FORCE_SSL_ADMIN', true);

    defines en wp-config

  5. En último lugar, has de hacer una redirección correcta de tus antiguas urls, las cuales empezaban por http, a las nuevas que empiezan por https. Para ello introduce al principio de tu archivo .htaccess el siguiente código:
  6. RewriteEngine On
    RewriteCond %{SERVER_PORT} 80
    RewriteRule ^(.*)$ https://tu_dominio.com/$1 [R,L]

    htaccess protocolo SSL

    Recuerda sustituir “https://tu_dominio.com” por tu dominio real.

    Bien, con estos cambios, si entras en tu página web y navegas por ella verás que ya te aparece las ansiadas HTTPS delante de tu url… pero muy probablemente tengas aún un último paso que hacer.

    En nuestro caso, al migrar nuestra tienda online de muebles, veíamos que en nuestro navegador nos salía un símbolo de exclamación como este:


    http en el navegador

    Esto es debido a que con los cambios que hemos hecho pusimos la web a funcionar bajo el protocolo seguro pero el navegador nos informa de que hay cosas que aún no están en HTTPS. Eran las urls de las imágenes aunque también te puede pasar con todo el enlazado interno.

    Para solventar esto lo que hicimos fue instalar en nuestro hosting un script llamado "Database Search and Replace" que lo podéis encontrar aquí.

    El caso es que a nosotros nos daba problemas esa versión y finalmente lo que hicimos fue instalar esta otra versión, que os podéis descargar desde este enlace y que si que nos funcionó correctamente.

    Para instalarlo tan sólo tenéis que descomprimir el archivo que os bajéis y subirlo a la raíz de vuestro WordPress mediante FTP.

    Una vez subido escribís en vuestro navegador: www.tudomino.com/searchreplacedb2.php y en el último pasó tenéis que indicarle que queréis cambiar http://www.tudominio.com por https://www.tudominio.com, así de sencillo.

    En unos segundos tendrás todas las urls de tu web migradas de HTTP a HTTPS.


    Otros aspectos a tener en cuenta al activar SSL en tu dominio

    Con todo lo explicado hasta ahora ya tienes tu web funcionando perfectamente en tu nueva dirección, pero además de esto te recomendaría tener en cuenta estos otros aspectos que te mencionamos a continuación:

  • Da de alta tu nueva dirección en Google Search Console para indicarle al buscador que has cambiado de url. Lo ideal sería poderle indicar que has cambiado de HTTP a HTTPS uno de tus dominios pero no te da esa opción por ahora, así que lo mejor es dar de alta también el nuevo dominio.
  • Crear un Sitemap nuevo con tus nuevas urls y enviarlas a Google en Search Console.
  • Comprobar tu robots.txt que esté correcto y que no estés bloqueando el rastreo a páginas seguras.
  • Comprobar por si acaso tus enlaces internos para ver que todos están correctamente cambiados.

Como puedes ver, migrar tu página web a SSL tiene un poco de trabajo pero se puede realizar fácilmente siguiendo estos sencillos pasos a pesar de no tener muchos conocimientos técnicos. Sólo hace falta un poco de tiempo y ganas.

Y tu, ¿ya tienes tu certificado Let's Encrypt gratis con Webempresa?


Actualizar WordPress ¿manual o automáticamente?

$
0
0

Actualizar WordPress


Es sorprendente a estas alturas del gestor de contenidos más usado de los últimos 10 años que todavía haya usuarios que piensen que mantenerse en instalaciones de hace 2 o 3 años atrás es seguro y estable.

Si hablamos de diseño "responsive", aquí es cuando actualizar WordPress a la versión estable se convierte en una necesidad.

No se si has tenido ocasión de leer nuestra Guía de Seguridad para WordPress, donde te damos indicaciones de aspectos a tener en cuenta si quieres que tu sitio funcione 24 horas al día durante todos los días del año sin sufrir contratiempos ¡te recomiendo la lectura!

Si ya lo leíste verás que hablamos de la actualización de WordPress para diferentes elementos:

  • Actualizar el núcleo de WordPress.
  • Actualizar el Tema en uso y aquellos adicionales que estén instalados.
  • Mantener los plugins instalados y activos siempre actualizados.
  • Lo que no se use mejor desinstalarlo, que esté desactivado no va a mejorar la seguridad.
Desde que se liberó WordPress 3.7, las siguientes versiones (solo versiones menores), hasta la actualidad, permiten actualizar WordPress automáticamente sin la intervención del usuario, siempre que no se hayan deshabilitado las actualizaciones automáticas.

Formas de actualizar WordPress:

  • Actualización desatendida para versiones menores. Esta se realiza solita cuando hay actualizaciones y no las has desactivado.
  • Semi-automáticamente desde el dashboard, Actualizaciones
  • Manualmente: Desde el Panel de Hosting (cPanel).
  • Manualmente: Por medio de FTP.

¿No aparece ninguna actualización en el dashboard de WordPress?

Puede darse el caso de que te hayas quedado estancado por ejemplo en la versión 4.4.1 de WordPress (podría ser cualquier otra), y cuando vas al dashboard, apartado Actualizaciones, por más que insistes en buscar nuevas actualizaciones para tu versión estas no aparecen y no hay botones para ejecutar esta acción automáticamente.

En estos casos debes recurrir a las actualizaciones manuales, ya sea desde tu Panel de Hosting o por medio de FTP, para actualizar tu instalación a la versión estable.

Antes de realizar la actualización a la versión de WordPress hay que tomar una serie de medidas principalmente para evitar sorpresas posteriores que puedan dejar tu sitio web inaccesible.


Checklist antes de actualizar:

  • Realiza una copia de seguridad siempre antes de actualizar.
  • Comprueba si el Tema en uso es compatible con la nueva versión de WordPress.
  • ¿Utilizas un constructor (builder)? asegurarte que es compatible con la nueva versión.
  • Deshabilita los plugins que no utilices (lo mejor es que los desinstales).
  • ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, etc) ¡desactívalos antes de actualizar!
  • ¿Trabajas con Visual Composer como constructor? comprueba en la web de WPBakery Inc. si lo han actualizado para que sea compatible con la nueva versión de WordPress
  • Haz una prueba de la actualización antes en un clon/copia de la web o en una sandbox!
  • ¿Trabajas con el framework Genesis o temas para este fw? comprueba que es compatible con la nueva versión de WordPress.
  • Usas el plugin P3 Performance Profiler, deshabilitalo o mejor desinstalalo antes de actualizar WordPress.
  • Comprueba que los plugins activos son compatibles con la nueva versión.
  • ¿Has hecho cambios en tu tema?, documéntalos y si es posible usa temas hijo (child theme).
  • ¿Trabajas con plugins como Move Login, etc.? desactívalos, suelen generar conflictos con los accesos tras actualizar.
  • Desinstala temas y plugins que no uses antes de actualizar, no dejes cabos sueltos.

Podría ser más extensa esta lista, tantos como problemas se puedan detectar cuando se realizan actualizaciones de versiones de WordPress. Seguro que tu tienes tu propio checklist fruto de la experiencia de actualizaciones anteriores ¿cierto?

Partiendo de un escenario donde trabajas con un tema actual, que es compatible con la versión de WordPress a la que vas a actualizar y que los plugins activos todos están actualizados y son compatibles con la nueva versión del CMS, veamos cómo actualizar.


Actualización desatendida

Hace ya muchas versiones de WordPress que los usuarios no nos tenemos que preocupar con ejecutar el actualizador "semi-automático" desde el dashboard para que el núcleo de WordPress quede actualizado.

No obstante cabe decir que no siempre se realiza esta actualización desatendida, pues depende de que el usuario no haya deshabilitado la funcionalidad de "actualizaciones automáticas" y otros factores, como errores en el actualizador o problemas con la versión en la que estés estancado.

Lo correcto es que si se libera una nueva versión y tienes las actualizaciones automáticas activadas, recibas un aviso en pantalla, al acceder al dashboard, de que tu instalación se ha actualizado a la versión estable.

Es posible que también recibas un correo electrónico en la cuenta configurada en WordPress (tu web), diciéndote que tu instalación fue actualizada y que no necesitas hacer nada más.

Yo añadiría que si es necesario hacer algo más tras una actualización automática, comprobar que los plugins y el tema activo funcionan correctamente con la nueva versión, principalmente para evitar sorpresas.


Actualización semi-automática

Esta es la más común, sobre todo desde la rama 4 de WordPress hasta la actualidad y para versiones mayores (...4.4, 4.5, 4.6, 4.7 etc.) donde el dashboard informa de que hay una versión disponible para actualizar y es el usuario quien debe completar el proceso haciendo clic en el botón Actualizar WordPress para lanzar este proceso.

No se ni la de veces que habré insistido en el tema de las copias de seguridad, pero lo digo una vez más aunque suene cansino: haz una copia de seguridad antes de actualizar.


Actualizar manualmente desde cPanel

Esta opción es necesaria cuando no dispones de actualizaciones semi-automáticas, por diversas razones, una de ellas puede ser que anteriormente las desativases y ahora no tengas claro cómo activarlas de nuevo.

En estos casos el proceso de actualización es sencillo siguiendo estos pasos:

  1. Realiza una copia de seguridad de la actual instalación de WordPress.
  2. Descarga el archivo de la actualización desde WordPress.org (también en Español).
  3. Pon tu web en Modo Mantenimiento.
  4. Extrae el archivo .zip descargado en tu ordenador.
  5. Accede a la carpeta /wordpress generada tras la extracción del zip
  6. Selecciona todos los archivos y carpetas dentro de /wordpress y comprímelos en un .zip
  7. Desde tu Panel de Hosting (cPanel) ve a Archivos, Administrador de Archivos.
  8. Sube el archivo nuevo .zip que has generado en tu ordenador a la carpeta de la instalación a actualizar.
  9. Renombra la carpeta /wp-content/plugins a /wp-content/plugins_seg (por ejemplo).
  10. Renombra la carpeta /wp-admin a /wp-admin_old
  11. Renombra la carpeta /wp-includes a /wp-includes_old
  12. Selecciona el archivo .zip subido y haz clic en Extraer (icono superior).
  13. Renombra la carpeta /wp-content/plugins a /wp-content/plugins_old (no confundir con _seg).
  14. Renombra la /wp-content/plugins_seg a /wp-content/plugins (esto reactivará tus plugins).
  15. Verifica el acceso al dashboard desde http://tu-domnio.com/wp-admin
  16. Actualiza la base de datos desde la pantalla que visualizarás. Luego clic en Continuar
  17. Quita el Modo Mantenimiento de tu web.
  18. Comprueba que los plugins y tu tema activo funcionan con normalidad.
  19. Verifica que la nueva versión de WordPress es ahora la activa.
  20. Desde el Administrador de Archivos de tu cPanel elimina las carpetas /wp-admin_old y /wp-includes_old
  21. Comprueba que el frontal de la web carga con normalidad.
¡Perfecto! ya has actualizado manualmente a la última versión estable de WordPress.

Esta actualización sobrescribe "todos" los archivos del núcleo de WordPress completos, por lo que cualquier cambio que se haya realizado en alguno de estos archivos se perderá.

No se recomienda realizar cambios directamente en archivos del núcleo, sino en archivos replicados de un tema hijo (child-theme).

Veamos en este vídeo que te he preparado como se realiza este proceso, que es mucho más sencillo de lo que aparenta ser.




Actualizar manualmente por FTP

El proceso de actualización de WordPress utilizando FTP como herramienta para subir archivos y carpetas al Hosting, procedentes del archivo .zip descargado de WordPress.org y extraído previamente en tu ordenador, es similar al proceso explicado anteriormente en Actualizar manualmente desde cPanel.

Dejo constancia de que este método el Codex de WordPress.org lo recomienda como método más fiable que hacerlo por FTP, si bien que tengo que discrepar al respecto, principalmente después de haber actualizado muchas instalaciones de WP desde cPanel con éxito y más rápidamente que haciéndolo por FTP.

No obstante quiero decirte con respecto a este método que solo lo veo viable para casos en los que tu Panel de Hosting dispone de un Administrador de Archivos o Filemanager tan pésimo o básico, que utilizarlo con el método anterior se convierte en algo inviable.

¿Porque no soy partidario de usar FTP para actualizar WordPress, principalmente por razones de tiempo, pues subir un archivo .zip de una actualización de WordPress desde tu Administrador de Archivos de cPanel desde tu navegador, puede llevarte entre 1 y 3 minutos aproximadamente (salvo que tu conexión sea pésima).

Subir el mismo archivo, pero extraído previamente en tu ordenador, ya que FTP no te permite extraer archivos subidos, puede convertirse en una tarea de 30 minutos o más tranquilamente, sin contar con que los permisos de archivos y carpetas probablemente cambiarán y eso puede afectar a que la web deje de ser visible tras la subida de archivos y carpetas.

Por FTP además corres el riesgo de que haya pérdida de paquetes de alguno o varios (o muchos) archivos, sobre todo si te conectas por WIFI a tu Router, estás lejos del dispositivo y además tu conexión no es de las mejores.

Todos estos factores y algunos otros que se me ocurren evidencian que FTP debe ser solo una medida a utilizar para realizar una actualización cuando otras más ágiles y fiables no están disponibles como opción para actualizar WordPress.

De todas formas no está de más que hagas la prueba, aunque sea en una web que tengas para experimentaciones, en alguna carpeta de tu Hosting y pruebes a subir por FTP una actualización de WordPress y luego analices tiempos y resultados.

A pesar de no documentarte gráficamente cómo sería una actualización por FTP de WordPress era necesario hablar de ellos porque sigue siendo un método muy usado por muchos usuarios que posiblemente inconscientemente no se han planteado utilizar otros modos más rápidos de realizar estas actualizaciones.


Al final lo importante de todo esto es saber como actualizar WordPress a la última versión estable, principalmente cuando tenemos instalaciones antiguas, que no soportan la actualización automática (para versiones menores), la más común que es la actualización semi-automática o la manual desde tu Panel de Hosting (cPanel).

Por supuesto no me puedo olvidar citar la documentación oficial de WordPress.org del Codex de WordPress.org, donde te explican detalladamente como actualizar este genial gestor de contenidos dinámico.


Códigos útiles .htaccess para sitios web

$
0
0

Códigos útiles .htaccess para sitios web


Hoy en día, la mayoría de ofertas de alojamiento web son para el servidor web Apache. Es una solución mucho más barata en comparación con la plataforma IIS en Windows. Apache es bien conocido por su capacidad para usar .htaccess, donde podemos controlar determinados aspectos de nuestro sitio web, incluyendo el rendimiento.

Uno de los más populares es redirigir cualquier dominio sin www al dominio con www.. En este ejemplo, si intentas tener acceso a http://webempresa.com, el servidor te redirigirá a http://www.webempresa.com. Esto puede garantizar que el PageRank no se divida en dos. Para tu información, Google trata a estos dos dominios como diferentes. He aquí algunos de los códigos .htaccess que puedes utilizar en tus sitios web.

Redirigir la URL sin www a la dirección con www

Como explique anteriormente, el siguiente código redirigirá de la URL de tu dominio sin www a la URL de tu dominio con www.

RewriteEngine On 
RewriteCond %{HTTP_HOST} ^webempresa.com
RewriteRule (.*) http://www.webempresa.com/$1 [R=301,L]

Antes de avanzar, seguramente te habrás hecho a ti mismo una pregunta ¿donde localizo el archivo .htaccess?

El archivo .htaccess es un archivo "oculto" (el . delante del nombre indica que se trata de archivo oculto).

Para poder visualizarlo debes:

  1. Accede a tu cPanel.
  2. Ve al Administrador de Archivos (te abre un diálogo y una de las opciones es "Mostrar archivos ocultos" que debe estar seleccionada).
  3. Navega a la carpeta /public_html.
  4. Ahí podrás localizar el archivo .htaccess (no confundir con htaccess.txt que si es visible).

Ahora que ya lo tienes claro, seguimos conociendo otros códigos que puedes utilizar en tu archivo .htaccess.


Cómo cambiar de la URL con alias www a la URL sin alias www

Y el siguiente código debe redirigir al usuario de la dirección URL de tu dominio con www a la dirección URL sin www.

RewriteEngine On
RewriteCond %{HTTP_HOST} ^www.webempresa.com [NC]
RewriteRule ^(.*)$ http://webempresa.com/$1 [L,R=301]

Redirigir siempre al alias www cualquier dominio apuntado

Este código es útil para redirigir uno o varios dominios para que trabajen con el alias www usando comodines www.*.*:

RewriteCond %{REQUEST_URI} !^/robots\.txt$ [NC]
RewriteCond %{HTTP_HOST} !^www\.[a-z-]+\.[a-z]{2,6} [NC]
RewriteCond %{HTTP_HOST} ([a-z-]+\.[a-z]{2,6})$ [NC]
RewriteRule ^/(.*)$ http://%1/$1 [R=301,L]

Si tenemos varios dominios gestionado en la cuenta de Hosting, para no tener que crear una redirección 301 de uno en uno cada dominio, otra forma de hacerlo es redirigiendo todos los .tld de los dominios utilizados "sin alias www" a dominios "con alias www":

RewriteEngine On
RewriteCond %{HTTP_HOST} !^www\.
RewriteRule ^(.*)$ http://www.%{HTTP_HOST}/$1 [R=301,L]

Redirigir url de una carpeta a otra carpeta del mismo dominio

Una Redirección 301 útil cuando cometemos el error de indicar una carpeta nombrada de forma incorrecta o que fue renombrada posteriormente es la siguiente, de forma que podamos redireccionar peticiones que vayan a /carpeta1/ para que aterricen en /carpeta2/

Se deben añadir este tipo de redirecciones en el archivo .htaccess, en la parte más alta del mismo posible:

Options +FollowSymLinks
RewriteEngine On
RewriteRule RewriteRule ^carpeta1/(.*)$ http://dominio.com/carpeta2/$1 [R=301,L]

Redirigir un dominio a otro dominio

Para evitar que las urls se vean afectadas al cambiar de un dominio a otro dominio es conveniente que hagas la siguiente redirección en .htaccess de forma que quieres vengan de enlaces de la antigua url aterricen en la nueva url de forma correcta, lo contrario afectaría al posicionamiento y habría un aumento de pérdida de tráfico.

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteCond %{HTTP_HOST} ^anteriordominio.com$ [OR]
  RewriteCond %{HTTP_HOST} ^www.anteriordominio.com$
  RewriteRule (.*)$ http://www.nuevodominio.com/$1 [R=301,L]
</IfModule>

Redirigir del localhost (tu PC) a un dominio remoto

Con esta regla puedes redireccionar de localhost (tu ordenador) a tu sitio web remoto (Hosting):

RewriteEngine On
RewriteCond %{HTTP_HOST} ^localhost$
RewriteRule (.*)$ http://www.dominio.com/$1 [R=301,L]

Si solo quieres redireccionar un subdominio concreto puedes crear la siguiente regla en tu .htaccess:

RewriteEngine On
RewriteCond %{HTTP_HOST} ^subdominio.dominio.com$
RewriteRule (.*)$ http://www.nuevodominio.com/$1 [R=301,L]

Una forma más sencilla de hacer esto con comodines es creando una regla en .htaccess como la siguiente:

Redirect 301 (.*)$ http://www.nuevodominio.com/$1

Impedir listar el directorio

Si tienes una carpeta en el servidor web utilizada para almacenar archivos como los eBooks, software legal, etc., si la carpeta no tiene archivo index.html, los visitantes pueden ver todos los archivos dentro de la carpeta sin problemas. En este caso puedes utilizar el código siguiente para evitar que esto suceda.

Options -Indexes

Orden de ejecución de archivos

Si tienes tanto el archivo index.html como el archivo index.php en la carpeta /public_html, el archivo index.html tiene mayor prioridad y se ejecutará en primer lugar. Aunque la mayoría de scripts web utilizan el archivo index.php como punto de partida. Si se puede eliminar el archivo index.html, se soluciona el problema, aunque no siempre es así y en estos casos hay una mejor solución que es utilizar el siguiente código para dar prioridad al archivo index.php en vez de index.html.

DirectoryIndex index.php index.html

Comprimir archivos CSS, JavaScript, XML y texto

El siguiente código está diseñado para comprimir el código de salida CSS, JavaScript, XML y de texto antes de ser mostrado en el navegador. La idea básica es ahorrar tiempo en la carga y no consumir tanto ancho de banda.

<ifmodule>
AddOutputFilterByType DEFLATE text/html text/plain text/xml text/css text/javascript application/x-javascript
</ifmodule>

Almacenamiento en caché de imágenes

Cada vez que recibimos visitas en la web, el servidor web obtiene todos los archivos necesarios, tales como archivos CSS y JavaScript, así como fotos e imágenes para poder mostrarla. Podemos usar el código de abajo para gestionar los archivos de caché, y que cuando un visitante vuelva a visitarnos por segunda vez, el servidor cargue el archivo de la caché lo que acelerará el tiempo de carga sitio web.

<IfModule mod_expires.c>
ExpiresActive On
ExpiresByType image/gif A432000
ExpiresByType image/jpg A432000
ExpiresByType image/jpeg A432000
ExpiresByType image/png A432000
ExpiresByType image/ico A432000
ExpiresByType image/bmp A432000
ExpiresByType text/css A432000
ExpiresByType text/javascript A432000
ExpiresByType application/javascript A432000
ExpiresByType application/x-javascript A432000
</ifmodule>

El código anterior guarda caché de los archivos durante cinco días o 432.000 segundos. Puedes cambiar el período de almacenamiento en caché, asegurándote de utilizar el valor expresado en segundos.


Proteger el archivo .htaccess

El siguiente código evita que tu archivo .htaccess puedan ser leído directamente desde el navegador web.

<Files .htaccess>
Order allow,deny
Deny from all
</Files>

Prevenir el hotlinking

A veces, otros webmasters, hacen suyas las imágenes de nuestras webs, artículos, etc., afectando con ello el ancho de banda de que disponemos en nuestro Hosting. Si además ellos tienen una gran cantidad de visitantes al día, estos van a utilizar nuestro ancho de banda del servidor para visualizar nuestras imágenes en la web ajena a nosotros.

Se puede utilizar el código que se muestra a continuación para evitar el hotlinking, y de esta forma reemplazar la imagen original por otra con algún aviso para hacerles saber que la imagen es nuestra o que el hotlinking es una mala práctica.

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(.+\.)?webempresa\.com/ [NC]
RewriteCond %{HTTP_REFERER} !^$
RewriteRule .*\.(jpg|gif|bmp|png)$ http://hotlink.webempresa.com/no_se_permite_hotlinking.jpg [L]

Puedes subir la imagen a un sitio de alojamiento de imágenes como ImageShack para evitar que tu ancho de banda se vea afectado.


Cambiar la ubicación de la carpeta de dominio a otra carpeta de /public_html

Si ya tienes un sitio web en /public_html, y quieres actualizar la página web, pero no quieres que los demás lo vean, pero tampoco quieres afectar al sitio web en producción existente, la forma más fácil es la construcción de la nueva página web en una subcarpeta de /public_html, por ejemplo, /public_html/web2.

Al finalizar todas las pruebas y mejoras, necesitas reemplazar el antiguo sitio web con el nuevo, pero transferir archivos y carpetas a la carpeta /public_html es bastante molesto. La mejor solución es usar.htaccess para decirle a Apache que utilice la carpeta /public_html/web2 en lugar de /public_html para el dominio.

RewriteEngine On
RewriteCond %{HTTP_HOST} ^webempresa\.com$ [OR]
RewriteCond %{HTTP_HOST} ^www\.webempresa\.com$
RewriteCond %{REQUEST_URI} !^/web2/
RewriteRule (.*) /web2/$1 [L]

Crear URLs de uso fácil o "amigables"

¿Cuál de las dos URL a continuación parece más amigable?

http://tusitio.com/acercade
http://tusitio.com/paginas/acercade.html

Cuando se trata de direcciones URL, siempre y cuando el significado sea claro, cuanto más corto es, mejor. htaccess con una llamada al módulo de Apache mod_rewrite permite configurar las direcciones URL como quieras. El servidor puede mostrar el contenido de "/paginas/acercade.html" cada vez que alguien visita "http://tusitio.com/acercade".

A continuación algunos ejemplos:

RewriteEngine on
RewriteRule ^acercade/$ /paginas/acercade.html [L]
RewriteRule ^caracteristicas/$ /caracteristicas.php [L]
RewriteRule ^comprar/$ /comprar.html [L]
RewriteRule ^contacto/$ /paginas/contacto.htm [L]

Forzar el uso de SSL

Este código fuerza a utilizar SSL, no permitiendo conexiones http. Para evitar escuchas en http:// utilizamos por debajo la directiva ErrorDocument.

SSLOptions + StrictRequire
SSLRequireSSL

Cuando una línea comienza por # es un comentario que no tiene ningún efecto.

Si alguien visita tu sitio el servidor web Apache verifica si tiene un archivo .htaccess en algún lugar de su espacio web a partir de la carpeta raíz o la carpeta principal y rastrea todas las carpetas hasta llegar al archivo solicitado. Si encuentra un archivo .htaccess, sus directivas se aplican a la solicitud actual.

Es importante saber que el archivo .htaccess debe ser legible por el servidor Apache. Por tanto es importante consultar con su Hosting si se requiere algún permiso especial que hayan establecido para los archivos .htaccess. En general los permisos correctos para este archivo son 644.


Redireccionar de HTTP a HTTPS

Cabe decir que es necesario disponer de un Certificado SSL instalado en el Hosting para poder hacer uso de este protocolo más seguro.

RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://tudominio.com/$1 [R,L]

Redireccionar de HTTPS a HTTP

Puede darse el caso que aún teniendo un Certificado SSL instalado (Comodo, Let's Encrypt, etc) quieras forzar el tráfico encriptado SSL para que se sirva con HTTP por diversas razones (pruebas con plugins conflictivos, configuración de una pasarela pago que no trabaja bien por HTTPS, etc), en cuyo caso códigos como el siguiente te permitirán pasar de HTTPS a HTTP sin desinstalar el Certificado SSL de tu Hosting.

# Enviar trafico HTTPS a HTTP
RewriteCond %{HTTP:X-Forwarded-Proto} =https
RewriteRule ^(.*)$ http://%{HTTP_HOST}%{REQUEST_URI} [L,R=301]

Este código debes colocarlo por encima de cualquier otro código de redireccionamiento, al principio del archivo .htaccess.


Forzar la carga de index.html

Para que un sitio HTML funcione sin añadir index.html deberías apuntar un dominio o un subdominio directamente a la carpeta que contenga la web, de modo que solo llamando a http://dominio.com o subdominio.dominio.com (por ejemplo) cargue la web HMTL sin necesidad de añadir el archivo index.html.

Si una web se llama desde una ruta como http://domino.com/otra_carpeta/ es normal que tengas que añadir el archivo index.html para que el navegador sepa que debe cargar.

No obstante puedes forzar mediante .htaccess para que cargue el archivo index.html sin tener que escribirlo en el navegador.

RewriteEngine on
RewriteRule ^(.*)\.php$ $1.html%{QUERY_STRING} [L]

Estas apenas son unas pinceladas de las muchas posibilidades que tiene la correcta gestión del archivo .htaccess que en la mayoría de sitios webs, del nivel que sean, suele pasar desapercibido y es relegado al estatus de un archivo más, cuando el potencial del mismo es tan grande como quiera otorgarle el usuario.

Lectura recomendada sobre .htaccess:

Otros artículos del Blog sobre .htaccess:

Artículo actualizado con nuevas reglas: 07/09/2016


Actualiza a WordPress 4.6.1, versión de seguridad

$
0
0

Actualiza a WordPress 4.6.1


Actualiza a WordPress 4.6.1 ya que se ha liberado como versión de seguridad para solucionar un problema que se detectó con la versión 4.6.0 anterior y así mantener seguro y estable tu Blog WordPress.

Se trata de un problema de XSS que puede ser explotado por medio de nombres de archivos de imágenes. Corregido también un problema de seguridad de directorio transversal (path traversal vulnerability) en el cargador de paquetes de actualización.

Es siempre muy importante actualizar WordPress, pero lo es más realizar copias de seguridad, aplicar medidas de protección adicionales y hacer uso de plugins y temas descargados de fuentes confiables.

Puedes consultar la Lista de Cambios en el CODEX de WordPress para esta nueva versión.

A tener en cuenta antes de actualizar:

  • Realiza una copia de seguridad antes de actualizar (solo actualizaciones manuales).
  • Comprueba que tu Tema es compatible con la nueva versión de WordPress.
  • Si usas un constructor (builder), asegurarte que es compatible con la versión nueva.
  • Deshabilita aquellos plugins que no utilices (lo mejor sería que los desinstales).
  • ¿Utilizas plugins de seguridad? (Wordfence, BruteProtec, etc) ¡desactívalos antes de actualizar!
  • ¿Trabajas con Visual Composer como constructor? comprueba en la web de WPBakery Inc. que han actualizado el constructor para compatibilizarlo con WordPress 4.6.1 ¡prueba antes en un clon o una sandbox!
  • Comprueba que tus plugins activos son compatibles con la nueva versión.
  • ¿Has hecho cambios en tu tema?, documéntalos y si es posible usa temas hijo (child theme).
  • ¿Trabajas con plugins como Move Login, etc.?, desactívalos, ya tendrás tiempo de usarlos después.
  • ¿Trabajas con el framework Genesis y un tema para Genesis?, comprueba que es compatible con la nueva versión 4.6.1.
  • Se sensato, si no tienes claro si debes actualizar, pregunta o busca en Internet.

Actualizaciones:

Al acceder al dashboard deberías ver este aviso en Escritorio.


Ya actualizado

Si ves este mensaje en el apartado Actualizaciones será señal de que tienes las actualizaciones automáticas activadas y el núcleo de WordPress se habrá actualizado al detectar la disponibilidad de la nueva versión.

Si por el contrario visualizas este aviso:


Aviso de actualización disponible

Accede a Escritorio, Actualizaciones y previa copia de seguridad procede a actualizar tu sitio web a esta nueva versión.

Si tras actualizar tu sitio web, no ves la página, antes de enviar un ticket a tu Departamento de Soporte, te recomiendo que limpies la caché de tu navegador y verifiques si sigue activo el "modo mantenimiento" que suele ser la causa habitual de que no veas la web.

En WordPress 4.6.1 (nativo desde la versión 3.7) ¡WordPress se encarga de mantener tu CMS actualizado por ti de forma automática! a menos que lo tengas deshabilitado claro.

En el siguiente vídeo puedes ver que actualizar entre versiones es muy sencillo



Como siempre, cuando se liberan versiones nuevas, la recomendación es que actualices para garantizar la seguridad, estabilidad y mejor desempeño de tu web WordPress, o dejas que el CMS lo haga por ti.

Encontrar las mejores palabras clave para tu Web

$
0
0

mejores palabras clave para tu Web


En este artículo vengo a explicarte cómo encontrar las mejores palabras clave para tu Web.

Obtener keywords relevantes que posicionan no es complicado si usas las herramientas adecuadas :)

Si llamas a tu primo el del pueblo, el que vive en una aldea de Albacete, probablemente te diga que ya tiene una página web y que está haciendo el negocio de tu vida con ella.

Si tocas a la puerta del vecino de abajo, con toda seguridad te comente que tiene un blog y que está generando ingresos pasivos con el mismo.

Resumiendo: todo el mundo tiene websites. ¿Y para qué queremos una web? Para transmitir, vender, que nos lean… Y para que eso suceda, sí o sí tiene que llegar tráfico a la misma.


Para ello podemos hacer una estrategia millonaria de linkbuilding, gastarnos un dineral en el sector de la publicidad tradicional o hacer lo que suele elegir el que no tiene tantos recursos: darle a la tecla, crear contenido de calidad y empezar a posicionar orgánicamente con las palabras clave que nos interese.

¿Y cuáles son estas? Si tengo una tienda de bicis, probablemente sean “comprar bicicleta”, “bicicletas online”, “compra de bicicletas online” y cosas por el estilo.

Pero ojo, si posicionamos “bicicletas online” antes que “comprar bicicleta” y resulta que la primera palabra clave tiene 1.000 búsquedas mensuales y la segunda 5.000, vaya oportunidad perdida, ¿no? Con este artículo te explicamos un proceso completo de keyword research para que no te dejes absolutamente nada por el camino.


Herramientas utilizadas

Antes de empezar con el proceso te vamos a dar una breve explicación de las herramientas que utilizaremos.

  • SEMrush: la reina de las herramientas SEO. Con ella espiaremos a nuestra competencia, veremos keywords relacionadas, coincidencias, históricos de posicionamiento…
  • Planificador de palabras clave de AdWords: aquí haremos consultas a, por así decirlo, la base de datos de palabras clave que daremos como válida. Si este planificador dice que “bicicletas online” tiene 1.000 búsquedas al mes, nos lo creeremos.
  • Google Search Console: el antiguo Google Webmaster Tools lo usaremos en caso de que nuestra web no sea totalmente nueva.
  • Übersuggest: servicio web online que servirá de complemento perfecto a todas las herramientas anteriores.
  • Nuestra suprema inteligencia: para acabar de completar lo que no hayamos sacado antes. ¡Sentido común!

Proceso para obtener las mejores keywords

Cuánto más azúcar, más dulce. En nuestro caso, cuanto más tiempo dedicado, mejores resultados.

Lo que vamos a hacer es abrirnos un libro de Excel y prepararnos para completar hojas, que luego acumularemos en una misma pestaña.

De ahí saldrán nuestros resultados.


1- Posicionamiento actual con SEMrush

Entramos en esta potente herramienta y ponemos nuestro supuesto dominio, pepebicis.com.

Vemos lo que tenemos posicionado –si pepebicis.com tiene cierta trayectoria, algo habrá– y exportamos la tabla, que cargaremos en nuestra primera hoja del Excel. En la tabla veremos muchos datos, pero nos quedaremos con la keyword y el search volume.

Añadiremos, adicionalmente una columna al inicio en la que pondremos la herramienta de la que sale cada keyword.

Repetiremos este proceso en las hojas siguientes.

Acto seguido, nos iremos al historico de nuestra web y nos bajaremos las keywords del mes pasado. Y lo mismo para el mes anterior, de forma que hemos acumulado nuestras palabras posicionadas según SEMrush de los últimos tres meses. Ya tenemos tres hojas de Excel, que condensamos en una sola, poniendo más arriba las palabras del mes más reciente.


palabras posicionadas según SEMrush de los últimos tres meses


2- Competencia en SEMrush

Salvo que tengamos la mejor idea de la historia, sospechamos que sean cuales sean las keywords que quieras posicionar tendrás algo de competencia para ello.

Lo ideal para conocer quién se va a convertir en nuestro enemigo es buscar en Google –¡activa el modo incógnito!– las keywords que podemos intuir que van a tener más búsquedas y ver quién está primero.

Entonces cogemos su dominio, lo metemos en SEMrush y nos bajamos su posicionamiento orgánico actual.

¿Quieres ponerle más azúcar al pastel?

En vez de una competencia, elige diez.

¿Quieres ponerle la guinda? Bájate las keywords que usan para posicionarse en SEM, que a veces también dan pistas. Acumula todo esto en una nueva pestaña de Excel y a por la siguiente.


keywords que usan para posicionarse en SEM


3- Palabras clave relacionadas y coincidencias en SEMrush

Para terminar con SEMrush, nos vamos a la lista que nos hemos bajado antes de nuestro dominio –el histórico de los últimos tres meses– y seleccionamos las cinco palabras clave con más búsquedas mensuales.

Y ahora, una a una, buscaremos las keywords relacionadas y las coincidencias de frase con los dos apartados homónimos de la herramienta.

Es decir, si las keywords posicionadas con más búsquedas eran “bicicletas baratas”, “bicicletas de montaña baratas”, “bicis baratas”, “bicicletas online” y “bicicletas de carretera baratas”, buscamos las relacionadas para las cinco keywords y nos bajamos los datos a una nueva pestaña de Excel. Y lo mismo para la coincidencia de frase.


Búsqueda de las palabras clave relacionadas para las cinco keywords


4- URL de nuestra web en el Planificador de palabras clave de AdWords

Pasando al famoso Planificador de palabras clave de Google, nos bajamos las ideas que nos dé al introducir la URL de nuestra web y metemos la tabla en una nueva hoja de Excel, que ya está empezando a poblarse.


Planificador de palabras clave de Google


5- Ideas a partir de palabras clave en el Planificador

Mismo sitio, distinto campo: en lugar de introducir la URL, en el campo superior metemos nuestras cinco keywords TOP; es decir, las que hemos usado antes para coincidencias y relacionadas.

El Planificador lo que hará será darnos todas las keywords de la base de datos de Google que considera que tienen algo que ver con las introducidas por nosotros. Nos bajamos los archivos y los ponemos en una nueva pestaña aparte.


Insertamos las cinco keywords TOP


6- Consultas en Google Search Console

¿Con qué búsquedas accede la gente a nuestra web? De aquí también pueden salir keywords por un tubo. Nos vamos a Tráfico de búsqueda / Análisis de búsqueda y nos bajamos las consultas de los últimos 90 días.

Una vez metidas en el Excel veremos que no disponen del volumen de búsquedas, así que tendremos que llevarnos las consultas al Planificador y sacar este dato. Una vez tengamos la lista definitiva y completa, la dejamos en el Excel y pasamos a übersuggest.


bajamos las consultas de los últimos 90 días


7- Übersuggest

Aquí volveremos a hacer uso de las famosas cinco keywords TOP. Las introduciremos una a una en esta herramienta y ella nos dará sus variantes.

Pero ojo, vuelve a suceder lo mismo que con Search Console; no sabemos cuántas búsquedas tiene cada palabra sugerida, así que las pasamos por el Planificador y nos bajamos el archivo nuevamente a la última hoja de Excel con datos crudos.


Comprobación de palabras clave en el Planificador


8- Unir todas las keywords en una sola hoja

Recogidos los datos, los unimos todos en una única hoja. Pondremos primero los más importantes; es decir, las keywords que ya tengamos posicionadas en la web (punto 1).

Luego las de la competencia (punto 2), las que nos propone el Planificador para nuestra web (punto 4), las relacionadas y coincidencias de SEMrush (punto 3), las ideas a partir de las recurrentes keywords TOP (punto 5), las consultas de Search Console (punto 6) y, finalmente, las palabras clave de übersuggest (punto 7).


keywords unificadas en una hoja de Excel

La imagen anterior es un ejemplo, para que veas todo lo que saldría en la tabla. Evidentemente, después de añadir todo lo anterior saldrían varios miles de filas.


9- Deduplicar la lista

Nuestra hoja, con miles de filas, constará de un campo para la fuente, uno para la keyword y uno para las búsquedas mensuales. Todo lo demás lo eliminamos; no nos interesa.

Lo que haremos ahora será deduplicar toda la lista; es decir, eliminar todas las keywords que se han ido duplicando al añadir palabras de distintas fuentes y dejando, las que hay, como únicas. Así de maravilloso es Excel.


eliminamos las keywords duplicadas al añadir palabras de distintas fuentes


10- Filtrar lo que no nos interese

Con la nueva lista, lo que nos queda ya es hacer trabajo a manini. Podemos ordenarla para que en la parte superior muestre las keywords con más búsquedas e ir eliminando, poco a poco, las que no nos interesen.

Consejo: usa los filtros para seleccionar palabras que creas que encajan –Filtro -> Keyword -> “bici”– y las que veas que sí, las marcas con otro color. Las que no, las eliminas. Y así con todo lo que se te ocurra.

Cuando acabes tendrás una lista con X palabras que son serias candidatas a ser elegidas por ti. ¿Con cuáles te quedas?

Haciendo uso del keyword difficulty de MOZ o del de SEMrush, ve a ver cuáles son las que obtienen el mejor resultado al meter en la misma ecuación el volumen de búsquedas, la afinidad de la keyword con tu web y el nivel de dificultad para posicionarla.

Aquí ya entra el juicio personal de cada uno y tendrás que ser tú quien siga. Nosotros nos bajamos aquí.


Conclusiones

Este es solo un proceso entre los cientos de posibilidades que hay.

Funciona muy bien y, aunque parece un poco lioso, al empezar a aplicarlo te darás cuenta de su efectividad y sencillez.

Es laborioso, pero no hay rosas sin espinas.

Y recuerda que ante todo, aunque estamos automatizando el proceso lo más importante es que impere el sentido común.

¡Buena suerte!





Simplifica el marketing de contenidos con Nelio Content para WordPress

$
0
0

Nelio Content Marketing de Contenidos en WordPress



Hoy en día, si no tienes una web en la que te des a conocer, no existes, o, como mínimo, esa es la percepción que la mayoría de empresas y freelancers tienen.

Así que con montar tu web y publicarla ya tienes la mayoría de tus problemas solucionados, ¿no?, pues no, todavía tienes mucho trabajo por hacer: para conseguir tener un cierto impacto en el mundo digital y, ahora sí, darte a conocer, es muy importante que diseñes una estrategia de marketing de contenidos.

Los pasos lógicos después de la creación de la web es crear un blog donde puedas expresarte y constatar que eres un experto en la materia.

También necesitas aparecer en las redes sociales, con lo cual deberás crear cuentas en Twitter, Facebook, LinkedIn… Y, claro, no basta con “tener un blog” o “tener Twitter”; ¡ahora hay que generar contenido!

Pensar sobre qué escribes, escribir, compartir, estar activo en las redes sociales, responder a los comentarios, ayudar a tus lectores…

De repente, descubres que aquello tan fácil como “crear una web” se ha convertido en un montón de trabajo. Si no pones un poco de orden, en seguida empezarás a bajar el ritmo y dejarás de lado tu nueva iniciativa.

Finalmente, todo tu esfuerzo y tiempo no llegará a transmitir esa imagen tan profesional que estabas buscando…

Esta situación es mucho más común de lo que parece.

De hecho, hasta hace poco más de 2 años Technorati publicaba un ranking con los blogs más y menos leídos junto con estadísticas muy interesantes.

Entre ellas, veíamos cómo hasta un 95% de los blogs que se crean se abandonan el primer año. Aunque los motivos por los que uno abandona el blog son diversos, muchos reconocen que lo que realmente les hace abandonar la frecuencia de publicación es la falta de una organización apropiada (en inglés: Avoid the abandoned blog phenomenon por Antonio Cangiano).

Es por ello que es tan importante crear un buen plan de Marketing de Contenidos y usar las herramientas adecuadas para llevarlo a cabo.

Nelio Content

En la entrada de hoy os presentaré un plugin que hemos desarrollado en Nelio Software para ejecutar con éxito tu plan de marketing de contenidos: Nelio Content.

Si no conoces nuestro producto, te recomiendo que mires este vídeo (2 minutos) para tener una visión general sobre el mismo.



Marketing de contenidos

Joe Pulizzi ya definió hace más de una docena de años (aunque su definición todavía sigue vigente) el Marketing de Contenidos como:

Una técnica de marketing de creación y distribución de contenido relevante y valioso para atraer, adquirir y llamar la atención de un público objetivo bien definido, con el objetivo de impulsarles a ser futuros clientes.

El marketing de contenidos se sustenta en tres patas principales:

  • Generar ideas sobre las que escribir y pensar en qué entradas se plasmarán.
  • Elaborar contenido de calidad.
  • Promocionarlo a través de los diferentes canales de que disponemos.

A lo largo de los próximos párrafos, detallaré cada uno de estos puntos y cómo Nelio Content te ayuda en todos ellos.


Generación de ideas

Tener una idea genial y que el contenido que escribas sobre la misma se convierta en viral es el sueño de todos. Así de entrada, generar ideas buenas puede parecer algo reservado para los gurús… pero no te engañes, incluso los expertos tienen tácticas para inspirarse.

Recopila información con cierta frecuencia sobre:

  • ¿Qué quiere realmente mi cliente potencial?
  • ¿Cuáles son sus preocupaciones?
  • ¿Cuáles son las novedades que van surgiendo en mi área?
  • ¿Qué hace mi competencia?
  • ¿Cual es la realidad y el valor añadido que puedo ofrecer yo, mi producto o mi negocio?

Intenta mantener contacto regular con tus clientes para saber sus preferencias.

Crea en Feedly un directorio de todos aquellos blogs que crees que pueden ser relevantes y hazte un listado de aquellas personas o empresas que pueden ser referencia para poder seguirlos en las redes sociales.

Y si tienes la suerte de trabajar en equipo, crea cada cierto tiempo una reunión de brainstorming para discutir entre todos sobre vuestro valor como negocio.

Seguro que aparecerán ideas que te llegarán a sorprender.

Asegúrate de que vas tomando nota de cada una de las ideas y las fuentes de información que te han inspirado.

Así luego podrás ser mucho más eficiente escribiendo sobre ese tema.

Y aquí es donde Nelio Content te puede ayudar.

Para cada idea que te pueda surgir, anótala en tu blog como una entrada futura y añádele rápidamente tus fuentes de inspiración como referencias sugeridas.

Con tan sólo copiar y pegar el enlace a tu fuente, ésta quedará guardada y accesible en el contexto de tu entrada.

Además, Nelio Content intentará recuperar automáticamente información adicional sobre los enlaces, como el título o datos del autor, para facilitar su inclusión dentro del contenido.


enlaces nelio content


Recuerda que añadir enlaces externos es de gran utilidad para mejorar la calidad de tus entradas: añaden información adicional útil para el lector, aumentan tu credibilidad y mejoran tu posicionamiento.

Planificación del contenido

Te dejo una cita de Nolan Bushnell, inventor del Pong y fundador de Atari y restaurantes Chuck E. Cheese, que aunque puede parecer estresante, te puede ayudar a ser más eficiente:

“The ultimate inspiration is the deadline” - Nolan Bushnell.
La inspiración final es la fecha límite.

Por nuestra naturaleza, bajo presión nuestra inspiración, capacidad de trabajo y eficiencia se multiplica.

Y aquí es dónde está uno de los “huesos duros de roer” de todo blogger.

Define con qué frecuencia eres capaz de escribir en tu blog y planifica todos los contenidos que querrás publicar con un mínimo de un mes de antelación a partir de las ideas generadas.

Nelio Content es el calendario editorial perfecto para esta tarea.

Tan sencillo como irle poniendo fecha a las ideas que ya tenías previamente guardadas o creando nuevas ideas directamente en el calendario.


calendario nelio content


El calendario editorial te muestra las entradas tanto publicadas como las planificadas pudiendo filtrarlas por categorías. Además, de cada una de ellas ves siempre quién es el autor de la misma.

Y si necesitas replanificarlas, es tan sencillo como seleccionar con el ratón en el propio calendario cualquiera de ellas y moverla a la nueva fecha.

Creación del contenido

Independientemente del estilo que tengas escribiendo y que hayas decidido adoptar en tu blog, hay una serie de criterios y puntos a tener en cuenta que son muy importantes para garantizar que tu contenido sea de calidad y atractivo.

Para que no te olvides de estos puntos, Nelio Content analiza la calidad de tus entradas mientras escribes y te avisa si falta cualquier cosa.

Así, el análisis de Nelio Content te recomendará que añadas imágenes a tus entradas, enlaces a tu propio blog y a fuentes externas, que escribas el contenido con una longitud mínima o que no olvides añadir etiquetas.


publicar nelio content


Si no eres el único autor de tu blog y necesitas coordinarte con todo un equipo de autores y contribuidores, Nelio Content te permite crear y asignar tareas editoriales con fechas límite que también se visualizan en el calendario editorial.

Así, puedes controlar muy rápidamente en el calendario si quedan tareas pendientes de realizar y quién es el responsable de llevarlas a cabo.


tareas editoriales nelio content


Finalmente, el plugin también te permite mediante los Comentarios Editoriales crear una discusión sobre cualquiera de las entradas que se está escribiendo.

comentarios nelio content


Promoción del contenido

Ser disciplinado con la planificación y la escritura de entradas no es fácil, pero es aún más difícil promocionarlas si no utilizas una herramienta que integre el proceso de promoción junto al de la propia elaboración.

Tras todo el esfuerzo que supone pensar y escribir una entrada atractiva, todavía tienes que dedicar un tiempo adicional a compartirla en las redes sociales.

Si eres de los que lo hace “manualmente”, abriendo una pestaña para cada cuenta social, escribiendo los mensajes copiando y pegando enlaces y títulos, subiendo imágenes… tengo buenas noticias para ti. Nelio Content integra todas estas tareas en tu propio WordPress, ahorrándote un montón de tiempo y trabajo.

Cuando estés escribiendo una entrada, verás una caja en la pantalla de edición llamada Social Media.

Allí podrás programar todos los mensajes en Twitter, Facebook, LinkedIn o Pinterest que quieras, sin tener que salir de WordPress.


social media nelio content


Basta con que conectes todos tus perfiles sociales a Nelio Content:

ajustes nelio content


Y luego, cuando estés trabajando en tu contenido, aprovechas para planificar los mensajes con los que lo promocionarás.

Desde el propio calendario editorial, si decides mover la fecha de publicación de una entrada, automáticamente todos los mensajes sociales asociados a la misma se moverán y replanificarán para que se publiquen cuando les corresponda.

De hecho, el calendario también te permite crear mensajes sociales que no estén asociados a ninguna entrada o asociarlos a entradas antiguas, con lo que puedes dar una segunda vida a entradas que hiciste en el pasado pero cuyo contenido sigue vigente a día de hoy.

Mensaje social nelio content

¿No te parece bastante más práctico y eficiente con Nelio Content?


Conclusión

Como ya hemos comentado al principio, lo que realmente acaba haciendo abandonar la regularidad de publicación en un blog es la falta de una organización apropiada, ya que es fácil perder la motivación.

Crear un plan de marketing de contenidos con herramientas que te permitan ser eficientes es una de las claves para el éxito de tu blog.


Los beneficios más importantes del marketing de contenidos que Nelio Content aporta son:

  • La planificación con antelación te obliga a definir más claramente los objetivos que quieres conseguir con tu blog y a generar ideas.
  • Te obliga también a escribir con regularidad sin saltarte las fechas límite.
  • Te permite coordinar mejor a todo tu equipo.
  • La promoción de tus entradas es más rápida y sencilla.
  • Te permite reutilizar contenido ya creado, sacando más rendimiento a tu trabajo anterior.
  • Y, lo más importante, es que te va a ayudar a tener más tiempo libre para otras cosas.

¡Suerte!



Enamórate de WordPress con Joan Boluda

$
0
0

Enamórate de WordPress con Joan Boluda


Como sé que la vuelta de las vacaciones puede ser un poco difícil para algunos, he pensado en endulzarte la rentrée con un regalo muy especial, y no hemos encontrado mejor padrino que Joan Boluda.

Enamórate de WordPress. Dentro de nuestra “obsesión” por ofrecerte recursos de ayuda y formación para WordPress, llegamos a Joan Boluda.

Joan es una de esas personas que tienen un don para enseñar. Y tiene otro don más importante, el de sacarte una sonrisa desde el primer contacto.

No hay nada mejor que dar con personas que transmiten buena energía y eso hizo que la conexión con Joan fuese instantánea.

Primero te enganchas a su podcast, cita obligada a primera hora de la mañana si quieres empezar el día con una sonrisa y aprendiendo esa cosita más que debes añadir a tu haber antes de acostarte.

Después te enamoras de sus cursos, en los que de una forma directa y divertida te guía a través de diferentes áreas relacionadas con el desarrollo de un proyecto web: WordPress, Analytics, SEO, marketing online, productividad, CSS, PHP… ¡lo tiene todo!

Joan tiene la capacidad de ponerse en la piel tanto de las personas que ya tienen algún tipo de conocimientos como de aquellos que están dando sus primeros pasos.

Esta y muchas otras cualidades le convierten en el profesor al que todos querríamos gritar aquello de ¡Oh capitán, mi capitán!

Viendo todo esto, pensamos… ¡tenemos que conocernos! Y así fue, nos conocimos, nos gustamos y aquí te traigo en forma de regalo el primer fruto de esta amistad :)

A partir de hoy mismo, si eres cliente de Webempresa, tienes disponible en el Área de Clientes (en el apartado de formación) un Curso de WordPress básico creado por Joan.

10 videotutoriales en los que te guiará para que tus primeros pasos en WordPress sean firmes y lleven una buena dirección.

Curso de WordPress básico by Joan Boluda

1. Comprar un dominio y contratar un hosting.

Este ya te lo sabes. ¡Como en casa en ningún sitio! ?

2. Instalar WordPress

Aprende a instalar WordPress de forma automática con los instaladores que te ofrecemos en Webempresa y también a hacerlo de forma manual.

3. Puesta a Punto de WordPress

Configuraciones básicas que es necesario realizar nada más instalar WordPress: título, descripción, urls… ¡una buena base para empezar a construir!

4. Jugando con themes

Empieza con la sesión de maquillaje. En este capítulo descubrirás lo fácil que es cambiar la apariencia de tu WordPress instalando themes (plantillas) gratuitas o de pago.

5. Personalizando WordPress

Llega el momento de dar un toque personal a la web explorando las diferentes opciones que ofrecen los themes de WordPress: logotipo, colores, fuentes, widgets, menús, etc.

6. Post y páginas

Una vez preparado el envoltorio hay que crear el contenido. ¿Qué es un post? ¿Qué es una página? ¿Cuál es la diferencia entre ambos? Todas las respuestas están en este capítulo.

7. Comentarios

Interactuar con las visitas es importante: activar, desactivar, moderar y responder comentarios.

8. Biblioteca multimedia

Imágenes, vídeo, audio… un toque multimedia para animar la web.

9. Gestionando usuarios

Creando una web en grupo: suscriptor, colaborador, autor, editor y administrador. Estos son los 5 perfiles que puedes usar para añadir más usuarios al panel de administración de WordPress.

10. Herramientas

El cajón de sastre que debes conocer para sacar el máximo partido a WordPress.


Aquí puedes ver el primero de los vídeos que encontrarás en tu Área de Cliente:


Creo que te gustará este regalo y que, al igual que me ha sucedido a mí, te vas a enganchar a Joan.

Si es así, y quieres seguir disfrutando de forma ilimitada de todos sus cursos podrás hacerlo suscribiéndote a su programa formativo.


Por solo 10€ al mes tendrás acceso a todos sus cursos (621 clases y 932 vídeos) y también se incluyen los plugins usados en cada curso y la posibilidad de recibir respuesta a dudas o problemas sobre WordPress.

¡Un planazo!


Pinterest para generar tráfico en estrategias de contenido

$
0
0

Pinterest para generar tráfico


Decir que Pinterest para generar tráfico es un aliado indispensable que permite aumentar las ventas en ecommerce lo que no es nada nuevo.

Desde el nacimiento de la red social escuchamos a miles de expertos y estadísticas hablar sobre la idoneidad de la misma.

En este artículo, sin embargo, no me voy a centrar en contar de nuevo las grandes ventajas de Pinterest para vender más, sino en utilizar sus ventajas para atraer tráfico al blog de nuestra tienda.


Redes sociales


Pinterest, el gran aliado del ecommerce

En España, pese a contar solo con el 19% de los usuarios activos de redes sociales, es también una de las que más han aumentado. Los últimos estudios, de 2015, muestran que ha habido un aumento de más del 100% de usuarios desde el año anterior, una tendencia que sigue consolidándose durante el periodo actual.

Además, en España hay otra tendencia bastante diferente a la de Estados Unidos, donde nació Pinterest y tiene más seguidores, en lo referente al género. Mientras que en los EE.UU.

Pinterest es una red básicamente femenina, con un 80% de usuarias, en España el porcentaje se reduce a algo menos de un 60%.

Por tanto, con 4 de cada 10 usuarios hombres, Pinterest se convierte en España una buena herramienta para llegar no solo al público femenino, sino también al masculino. De hecho, Pinterest ya se ha convertido en la red social con mayores ventas para ecommerce, por delante del omnipresente Facebook.


Catálogo Tienda online


Introducir el catálogo

Sobra decir que si nuestra idea es usar Pinterest para generar tráfico nuestro perfil debe estar cuidado en todos sus aspectos. Esto supone optimizar todas las imágenes que utilicemos, tener una cuenta business para poder poner el sello de confianza y consultar las estadísticas y, algo fundamental, cuidar el SEO de cada imagen y ficha de producto.

Desde mi experiencia, pinear las fotos desde nuestro blog o página web en lugar de subirlas directamente a la red, es una buena fórmula para conseguir más visitas, ya que el usuario interesado en la imagen acabará directamente en la ficha de producto o entrada donde la foto tiene su origen, aun cuando no le dé al enlace que coloquemos en la descripción.

En solo un mes de uso, he visto en diferentes ecommerce cómo las visitas desde Pinterest igualaban a las de Facebook y Twitter, pero sin el trabajo continuo que supone estar actualizando continuamente las otras redes sociales.

Y es que, aunque se recomiende tener la información lo más actualizada posible -y no seré yo quien diga lo contrario-, una imagen de Pinterest tiene una vida útil infinitamente más larga que cualquier post de Facebook o Twitter, siempre y cuando no hayamos pagado publicidad. La relación esfuerzo-beneficio de Pinterest es, sin duda, la más beneficiosa de todas las redes sociales.


Segmentar target Pinterest


Segmentar el público

El reparto de las fotos en tableros nos permite segmentar el público de la manera más idónea, especialmente si tenemos un ecommerce con productos de diferente target.

También, a diferencia de Facebook o Twitter, la posibilidad de seguir los tableros permite que nuestros seguidores solo obtengan la información que les interese, sin tener que tragarse post o cualquier promoción que no tenga que ver con él. Para el usuario, es mucho más cómodo y le evita el spam.

El cada vez más generalizado uso de Pinterest por los grandes medios de comunicación nos muestra el camino a seguir. Por supuesto, yo siempre recomendaré echar un vistazo a lo que está haciendo la competencia.

Podemos sacar ideas y hacerlo mejor.

Por ejemplo:

  • Tablones sobre los empleados de la empresa (dan una mayor fiabilidad)
  • Realizar guías de uso e información práctica
  • Pinear infografías como notas de prensa
  • Ofertas destacadas que vayan cambiando

Tráfico para ecommerce


La imagen y la página referida

Seleccionar con cuidado las fotos que vamos a utilizar en nuestros posts es fundamental para atraer tráfico en Pinterest. Aquí podemos recordar las claves que, probablemente, ya hayamos leído miles de veces: fotos mayores de 600 píxels, contenido original, con la mayor altura posible…

Sin embargo, en un ecommerce la pregunta que nos debemos hacer es la siguiente: ¿Apetece saber más al respecto? ¿Dan ganas de comprar el producto?

Al enfocarlo en la estrategia de contenido, la primera pregunta es la más importante, especialmente si lo que queremos es ganar leads para la newsletter.

Por ello, también debemos recordar que en lo referente a imágenes de producto siempre es mejor poner imágenes de personas usándolo que del mismo de forma expositiva.

Puede parecer obvio, pero es importante resaltar que un contenido de calidad es tan importante como la imagen. Si no, conseguiremos más tráfico desde Pinterest pero no nos servirá para nada, ya que el usuario no confiará en nosotros.

Evitar las faltas de ortografía es también fundamental.

Y es que tener muchas visitas está muy bien, pero hay que tener claro que en el blog de una tienda los ingresos vienen de las ventas, no de la publicidad de las visitas. Si no, nos hemos equivocado de negocio.

Tener una ventaja emergente con un lead magnet, es decir, algo que se le ofrece al usuario a cambio de la suscripción, como una oferta o un producto gratuito, es una de las fórmulas que podemos utilizar para sacar provecho a estas nuevas visitas que nos llegan desde dicha red.


Analítica de Pinterest


La importancia de la analítica

Por último, no debemos olvidar que el marketing online se basa en la prueba y error.

No hay soluciones universales y lo que le funciona a una tienda puede que no sirva a otra similar. Por ello, debemos tener en cuenta todos los aspectos de la analítica.

Desde qué dispositivo se accede, qué género tienen los usuarios, qué porcentaje de conversión tenemos, cuáles son las fotografías que más éxito tienen, etc.

Después, toca analizar los datos recogidos y actuar en consecuencia. Aunque las cosas vayan bien, siempre se puede optimizar.

El tráfico que llega a través de Pinterest es más fácil de conseguir pero también requiere de nuestro esfuerzo.


Recapitulando, para aprovechar Pinterest para generar tráfico a nuestro blog debemos:

  • Crear tableros dirigidos a un target específico
  • Pinear las imágenes directamente desde la entrada
  • Escribir una descripción SEO
  • Enlazar la entrada o la página del producto en la descripción
  • Optimizar las imágenes del blog para Pinterest:
    • De al menos 600 píxels
    • Cuánto más larga, mejor
    • Fotografías originales
    • Personas usando un producto o servicio

¿Cuál es tu estrategia con Pinterest?

8 claves para generar más leads en tu formulario de contacto

$
0
0

formulario de contacto


Hoy te enseñamos cómo mejorar tu formulario de contacto de una forma fácil y rápida.

Empezaremos explicando por qué es importante optimizarlo y cómo hacerlo en 8 pasos.

Ya sabemos que Internet juega un papel cada vez más relevante para empresas.

La presencia de éstas en la red se vuelve (casi) imprescindible en la mayoría de los sectores del mercado y su expansión a través de Internet, es mucho más fácil y económica.

Si hace apenas unas décadas, la única forma de hacer publicidad se basaba en lo que conocíamos como marketing tradicional, actualmente éste convive con el llamado marketing online.

La nueva forma de hacer publicidad arrasa entre particulares y empresas de diferente envergadura.

Conceptos como SEO, SEM, generar LEADS o clientes potenciales se convierten en vocablos cada vez más usados en la vida cotidiana.


El e-business y el e-commerce son las nuevas vías de hacer negocio y de ir de compras, a sabiendas de que Google (el mayor motor de búsqueda en el mundo virtual) registra más de 1,000 millones de búsquedas cada minuto, de que 8 de cada 10 internautas se dedican a buscar información y productos que necesitan y de que redes sociales como Facebook o Twitter, acaparan cientos de millones de usuarios.

Por tanto, darnos a conocer a través de una página web es más que aconsejable y para ello, hay que situarse "lo más arriba posible" en los motores de búsqueda (posicionamiento SEO).

Son muchos los esfuerzos realizados por tener un buen SEO que destaque nuestra web del resto de nuestros competidores. Sin embargo, a veces olvidamos la importancia de convertir esos visitantes espontáneos en aquellos que realmente estén interesados (conversión) y que se comuniquen con nosotros a través de nuestro formulario de contacto.

A continuación, te damos 8 consejos para que puedas optimizar tu formulario y aumentar ese porcentaje de conversión.

Ten en cuenta que los detalles marcan la diferencia y que los formularios de contacto son "a gusto" de los que nos ven, así que presta atención:


1. Buen diseño, claro y conciso. Formularios sencillos pero completos.


El formulario de contacto debe ser sencillo

Vivimos en una era donde la estética y el tiempo se tienen muy en cuenta por parte de los consumidores. El color, el diseño o la cantidad de palabras te diferenciará de los demás. Un formulario con muchos campos obligatorios o, simplemente, muchos campos a rellenar, irritan a los usuarios. Igualmente, aquellos que contengan campos cuyo espacio no sea adecuado a la longitud que requiere la respuesta, son penalizados con "huidas" por parte de los usuarios.

En la misma línea, una buena organización del formulario de contacto que evite la confusión del lector, se verá como positivo. Por ejemplo, es importante clarificar la información requerida para cada campo con etiquetas encima de estos o bien, añadir información con marcas de agua dentro de los mismos campos.


2. Menos campos, mayor conversión.

Estadísticamente, un formulario de contacto con hasta 3 campos a rellenar equivale a un 25% de conversión. Es decir, casi 3 de cada 10 usuarios que visiten tu formulario se decidirán a contactar contigo.

Si decides añadir hasta 5 campos, la conversión se reducirá al 20% y para 6 campos o más, ésta bajará al 15%. Por tanto, como dijimos en el punto 1, formularios sencillos pero completos.


Crea un formulario de contacto con pocos campos


3. Call-to-action y dónde situar el formulario de contacto.

El call-to-action también funciona en la página de contacto. Necesitamos provocar la reacción del usuario para que contacten con nosotros.

Utiliza verbos o palabras que inviten a la acción del usuario, sin olvidar que para conseguir la reacción de estos, el formulario debe ser lo más visible posible.

Sitúalo en un lugar donde pueda verse fácilmente desde cualquier página de nuestra web. Por ejemplo, incluir un botón de contacto al final de la landing page, es un error que generará pocos leads.


Ubica el formulario de contacto donde sea visible

Otra opción que jugará a tu favor en cuanto a generar leads se refiere, es añadir enlaces internos desde otras secciones de nuestra web que redirijan al usuario a nuestra formulario de contacto.


4. La importancia del color. Seguimos con el call-to-action.

El call-to-action no sólo se basa en elegir las palabras correctas que inviten a la acción (marketing sensorial). El color que elijamos para el formulario o la etiqueta de los botones del mismo, también influirán en esta decisión.

La llamada psicología de los colores forma parte de estrategias de marketing que se tienen muy en cuenta a la hora de captar más clientes.


Un formulario sin colores no dice nada Y Utiliza la psicología de colores para el formulario de contacto

La elección correcta dependerá del diseño de tu web y los productos o servicios que ofrezcas.


5. Asumir el spam o correo basura.

Que se cuele en nuestra bandeja de entrada correo basura de ofertas que poco nos interesan o que no tienen nada que ver con nuestra web, molesta y, a veces, mucho.

Más aún, si nos encontramos en el inicio de nuestra aventura empresarial, donde cualquier correo entrante se recibe con mucha expectación. Sin embargo, es mejor asumir el spam que perder un 3% de conversión.

Los famosos captchas que muchas webs muestran y que en su día fueron muy populares, nos harán perder, según los estudios, ese 3%.


Asume el correo basura en el formulario de contacto

Evitar los captchas no significa renunciar a la seguridad de nuestro sitio web. Podemos recurrir a la tecnología Honeypot para Wordpress e identificar intrusos y evitar ataques informáticos llevados a cabo por robots.


6. Evita solicitar información personal.

Con la era virtual, cada vez somos más reacios a proporcionar información personal sobre nosotros mismos. Mucho más si ésta se solicita a través de páginas webs.

Se sabe que 4 de cada 10 usuarios que visitan el formulario de contacto, lo abandonan cuando se les pide su número de teléfono. ¿Por qué?

Si el primer párrafo de este punto 6 no te convence como respuesta, quizás te haga cambiar de opinión saber que, hoy en día, el estrés es una constante y tener a un comercial llamando a cada instante o en momentos inoportunos, puede ser irritante.

Por ello, si decides añadir el campo del teléfono, la mejor idea es que sea opcional.


Evita solicitar información personal en el formulario de contacto


7. Mostrar estadísticas puede motivar a rellenar el formulario.

Aquello de que "actuamos como borregos" es una realidad comprobada por científicos de la universidad de Leeds (Inglaterra). Según estos, la tendencia es actuar como los demás y sin una forma racional.

Por tanto, mostrar estadísticas relevantes en la página de contacto puede influir, positivamente, en la acción de nuestros visitantes. Mensajes como: "¡Ya somos 1,000 los suscriptores del boletín de ofertas!" o "¡2,000 personas se interesan cada día por nosotros!", harán que los científicos de Leeds tengan más razón :)


8. 'Enviar' no dice nada pero ser quisquilloso tampoco.

Los usuarios esperan información cuando presionan el botón 'Enviar'. En muchas páginas webs, la experiencia de rellenar un formulario de contacto se vuelve confusa o incompleta porque tras pulsar el botón 'Enviar', no se sabe, realmente, qué ha pasado.

Añadir un mensaje o información adicional que transmita al usuario qué va a ocurrir después, se valorará positivamente.

Lo mismo ocurre si sustituimos la palabra 'Enviar' por otras más relevantes que inviten a la acción.


Un ejemplo de formulario de contacto

Por último, no seas quisquilloso a la hora de recibir la información en los campos del formulario de contacto.

Que aparezcan mensajes de error porque el formato de la fecha o el formato del código postal sean incorrectos, pueden hacer que el usuario abandone el formulario.

Evita la verificación de campos, añadiendo, por ejemplo, campos de textos para campos de números.

En resumen y para que después de haber invertido 11 minutos en leer este artículo te vayas con las ideas claras, piensa que a la hora de crear un formulario de contacto prima la practicidad.

Formularios cortos y poco enrevesados, claros y sin ambigüedades que inviten a la acción y en donde el usuario se vaya con un buen "feeling", te ayudará a recibir más emails a través de éste ;)

Cómo cambiar la tipografía de tu plantilla WordPress

$
0
0

cambiar la tipografía de tu plantilla WordPress


Todo el que haya iniciado un proyecto web a través de WordPress sin tener muchos conocimientos de código web, habrá optado por descargar una plantilla o tema. Sin embargo, no creo que queráis que vuestra web sea idéntica a otras páginas.

Cambiar la tipografía de tu plantilla WordPress no es tan difícil, sobretodo con la completa guía que te voy a hacer. ¿Pero cómo hacerlo sin conocimientos previos de código?

Si le queréis dar más carácter y personalidad, no hay nada mejor que empezar por las tipografías; muchos dicen que son el alma de un diseño.

Vamos a ver, paso a paso, las opciones que tienes para realizar un “lavado de cara” a los títulos y textos de tu página web desde WordPress.


Plugins: fáciles y rápidos

Para los que no queráis complicaros mucho la vida, podéis acudir al plugin Easy Google Fonts.

El resto de plugins que he probado siempre requieren de algún tipo de conocimiento de código, o debes acabar accediendo al servidor de WordPress para terminar de configurarlos.

Con este plugin puedes acceder fácilmente al catálogo de fuentes de Google y seleccionar aquellas que más te gusten o encajen con tu web sin necesidad de saber código, únicamente tienes que acceder al menú del Administrador de WordPress en “Apariencia / Personalizar” y podrás cambiar las fuentes de los distintos elementos.

Te dejo con un vídeo en el que puedes ver cómo funciona:



En contra de este sistema te diría que el catálogo de fuentes es limitado y, además, únicamente podrás cambiar las fuentes de los títulos h1, h2, h3, etc. de forma genérica, por lo que todos los h1 de la web se configurarán con esa tipografía; algo que tal vez no te interese.


Servidores de tipografías: un inmenso catálogo a tu alcance

Sé que suena muy bien, pero lo malo de este servicio es que tiene un coste algo elevado que probablemente autónomos o pequeñas empresas no querrán asumir.

Sin embargo, para empresas con varias webs alojadas, o para estudios de diseño que crean muchos proyectos web, los servidores de tipografías más conocidos, como Adobe Typekit, fonts.com o typography.com, permiten acceder a un amplísimo catálogo de fuentes comerciales de forma fácil y rápida.

Para hacer uso de ellos debes pagar una suscripción mensual o anual, y con un simple plugin o un código JavaScript o CSS que el propio servidor te proporciona, se puede usar cualquiera de las tipografías disponibles; se cargan directamente a tu página web desde los servidores de cada proveedor, con lo cual te ahorras el tener que subirlas a tu propio servidor de forma manual.

Pero si lo que quieres es usar la fuente que te apetezca y sin pagar… atento a la siguiente opción.


Personalización absoluta y barata: cargar tus propias tipografías a WordPress

Esta es la opción para cambiar la tipografía de una plantilla WordPress que más libertad de personalización te ofrece sin tener que gastarte ni un duro o muy poco dinero por el camino.

Se trata de descargar la fuente que más te guste de Internet y cargarla tú mismo al servidor de WordPress. Personalmente me gusta usar myfonts.com porque tienen un catálogo de fuentes espectacular.

El único incordio de este método es que debes tomarte las molestias de subir los archivos y, además, deberás escribir código CSS para aplicar las tipografías en tu web.

Pero no te preocupes, te lo he puesto todo muy fácil para que puedas llevar a cabo la hazaña sin tener muchos conocimientos previos de CSS, o incluso sin que hayas accedido nunca antes al servidor de WordPress.

Vayamos paso por paso:


PASO 1. Elegir y descargar la tipografía

En este paso te recomiendo que tengas en cuenta dos cosas:

Lo más probable es que en los títulos de la web nunca llegues a usar los estilos de cursiva o negrita de la tipografía; además puedes añadir esas características a través del código CSS. Así que lo más inteligente es que te descargues la versión básica o “regular” de la fuente, ya que suele estar disponible de forma gratuita.

Para textos más largos es conveniente tener todos los estilos de la fuente y lo más probable es que entonces tengas que pagar por el pack. Elige sabiamente.


Elegir y descargar la tipografía


PASO 2. Cargar los archivos de la tipografía a WordPress

Para los que nunca hayáis accedido a los archivos de WordPress debéis saber que necesitaréis descargar un programa FTP, como FileZilla, que os de acceso al servidor de WordPress y a todos los archivos que hay en él; incluyendo las carpetas de vuestro tema, el código de la web, etc. FileZilla es bueno, bonito y barato; concretamente gratuito y, además, muy fácil de usar.

Vamos a ello:

Lo único que necesitarás para acceder al servidor son estos datos - si no sabes cómo encontrarlos, piensa que generalmente te los facilita tu proveedor de hosting en el perfil de tu cuenta- :

  • Nombre del dominio o subdominio
  • Dirección FTP
  • Nombre de usuario
  • Contraseña de acceso

Cargar los archivos de la tipografía a WordPress

Una vez has podido conectar con el servidor, debes encontrar la carpeta principal en la que se guardan todos los archivos del tema o plantilla que hayas instalado en tu web. Para darte una pista, dicha carpeta suele estar dentro de la ruta “wp-content / themes” y, por lo general, lleva el nombre del tema que has instalado.


Panel de Filezilla

Cuando hayas accedido debes encontrar otra carpeta en la que se guardan las fuentes o tipografías que vienen predeterminadas con el tema. Es posible que el archivo se llame simplemente “fonts”, aunque cada diseñador organiza los ficheros a su manera y no puedo darte una hoja de ruta exacta.

Para que te sea más sencillo encontrarla, piensa que dentro de ésta has de ver archivos con nombres terminados en .eot .ttf .woff o .svg. Estos tipos de archivo corresponden a los distintos formatos de tipografía que usa cada navegador web; un mismo formato no es compatible para todos los navegadores y por eso hay que instalarlos todos.


Formatos de fuentes

En esta misma carpeta es donde deberás colocar las fuentes que hayas descargado anteriormente. Únicamente has de pasar los archivos de tipo .eot .ttf .woff o .svg. Si no has encontrado ninguna carpeta con fuentes, puedes crear una tú mismo y colocarla donde quieras, aunque es aconsejable tenerlo todo en el mismo sitio.

Ahora que ya tienes los archivos de las tipografías subidos al servidor, solo te queda “explicarle” a tu plantilla o tema dónde se encuentran esos archivos para que pueda usarlos.

Para ello tendrás que acceder al archivo de estilos CSS original de tu tema, llamado “style.css” (a no ser que el diseñador tenga un sentido del humor extraño y haya puesto otro nombre). Puedes encontrarlo en el “Editor” que encontrarás en el menú “Apariencia” del administrador de WordPress.

Ahora vamos a añadir una nueva función de código al inicio del archivo CSS, colócala justo después de la información que verás sobre el tema y las licencias.


Editor de código de WordPress

La función en cuestión se llama @font-face y servirá para indicarle a tu web dónde está el origen del archivo de la tipografía que vas a usar. Si has instalado más de una fuente, deberás hacer lo mismo para cada una de ellas por separado.

Te dejo una plantilla del código; puedes copiarla y pegarla cambiando los atributos en rojo:

@font-face{
    font-family: 'nombre de la fuente';
    src: url('ruta del archivo/ nombre del archivo.eot');
    src: url('ruta del archivo/ nombre del archivo.eot') format('embedded-opentype'),url('ruta del archivo/ nombre del archivo.woff2') format('woff2'),url('ruta del archivo/ nombre del archivo .woff') format('woff'),url('ruta del archivo/ nombre del archivo .ttf') format('truetype');
}

Como ves, en rojo hay marcados los espacios en los que hay que indicar la ruta y el nombre de cada uno de los tipos de archivo: .eot .woff .woff2 y .ttf. Ambos datos los puedes ver en FileZilla:


Ruta del archivo en Filezilla

Para verlo más claro, así es como quedaría el código con datos reales en base al ejemplo que te he puesto arriba:

@font-face{
    font-family: 'DreamOrphanageRg-Regular';
    src: url('genericons/font/31F4B4_0_0.eot');
    src: url('genericons/font/31F4B4_0_0.eot') format('embedded-opentype'),url('genericons/font/31F4B4_0_0.woff2') format('woff2'),url('genericons/font/31F4B4_0_0.woff') format('woff'),url('genericons/font/31F4B4_0_0.ttf') format('truetype');
}

PASO 3. Establecer con CSS la tipografía de cada elemento de la web

Estamos ya en el último paso para cambiar la tipografía de una plantilla WordPress.

Llegados a este punto ya tenemos las tipografías cargadas al servidor y lo único que nos queda es indicar, mediante código CSS, qué títulos, textos o elementos de nuestra web queremos que aparezcan con esas tipografías.

Para los que nunca hayáis tocado CSS, o no tenéis mucha experiencia con el lenguaje, os dejo un breve resumen de cómo hacerlo:

  1. Desde tu navegador, haz clic derecho en los títulos o textos a los que quieres aplicar las nuevas tipografías y selecciona la opción “Inspeccionar elemento”.

    Ahora deberás anotar el nombre o atributo del elemento html que has seleccionado. Para que te resulte más sencillo echa un vistazo a estas imágenes:


  2. Cambios con el Inspector de Elementos del navegador

    Tanto encima del elemento que selecciones, como en la parte derecha del Inspector, te aparecerá el atributo de dicho elemento; es decir, su “código”, por decirlo de algún modo, para ser reconocido y que debes usar para especificar las nuevas reglas de CSS que le vas a aplicar.

    En el caso que hemos puesto como ejemplo, vemos que el atributo es “h1.uk-heading-large”.

  3. Ahora dirígete al Editor CSS de WordPress y escribe en él las nuevas reglas de estilo. Te dejo una plantilla básica con los cambios esenciales que deberás aplicar a cada elemento, título o texto que quieras modificar:
  4. Atributo{
    font-family: nombre de la fuente;
    font-size: tamaño de la fuente en unidad de medida rem o px;
    font-weight: estilo de la fuente ‘normal’ o ‘bold’;
    line-height: interlineado;
    }

    Así quedaría el código con valores reales:

    h1.uk-heading-large{
    font-family: dream orphans;
    font-weight: bold;
    font-size: 6rem;
    line-height: 1.2;
    }

    Puedes ver el resultado final en esta imagen:


Resultado de los cambios con el Inspector de Código

¡Y voilà! Ya tienes tipografía nueva.

Espero que esta guía para cambiar la tipografía de una plantilla WordPress te sea de ayuda a la hora de darle el “toque” final y personal a tu página web.

Recuerda que los detalles marcan la diferencia, ¡no los subestimes!


5 Constructores para WordPress que deberías conocer

$
0
0

Constructores para WordPress


Los constructores hace tiempo que llegaron a WordPress para facilitar la gestión visual y de distribución de contenidos en sitios WordPress, por ello quiero hablarte de 5 Constructores para WordPress que deberías conocer, de forma que te sirva para evaluar si necesitas uno y cuál se adapta mejor a tus necesidades.

¿De qué constructores te voy a hablar en este artículo?

  1. Page Builder de SiteOrigin
  2. Salient Visual Composer
  3. Divi Builder
  4. Themify Builder
  5. Live Composer

¿Hay más constructores aparte de estos?, claro, muchos más, y seguro que tras leer este artículo te picará la curiosidad y querrás descubrir nuevas posibilidades.

Eso será señal de que he sembrado la semilla de la curiosidad sobre los constructores en tu cabeza y que ahora tu podrás avanzar con mejor criterio en este tema.

...no obstante al final de este artículo te dejo una lista extendida de constructores para WordPress.

Si realmente quieres llevar el diseño de tu sitio web a otro nivel y tu tema no da tanto de sí como esperabas, un constructor es una excelente opción para vitaminar el tema y sacarle el rendimiento deseado.

Hay constructores gratuitos y comerciales (de pago), y mi experiencia con algunos de ellos me ha llevado a decantarme por plugins de pago para estas cuestiones, pues al final con ello obtienes mejores prestaciones, y respaldado por desarrolladores preocupados por mantener el producto y características nuevas de forma constante.


Busqueda de builders en Google Trends

En esta comparativa rápida de búsquedas obtenida con Google Trends, puedes ver que constructores como Page Builder y Visual Composer son los que más atraen al público interesado en este tipo de herramientas para mejorar la composición de sitios web WordPress.

¿Para qué sirve un constructor?

Principalmente para construir sitios, en este caso bajo WordPress, con herramientas adicionales a las propias que incluya el CMS, de forma que se pueda mejorar la vista de los contenidos y ampliar las funcionalidades de un tema determinado.

Básicamente un constructor sirve para "ahorrarte mucho tiempo" sobre todo si tu fuerte no es el diseño o el código, y no quieres pasar los próximos meses peleando con archivos PHP, CSS y HTML de tu tema para conseguir mejorar determinados aspectos de la página y personalizarlos.

Los constructores nos ayudan a crear sitios más llamativos y funcionales, además de fluidos y que mejoren la experiencia del usuario, y todo eso sin necesidad de pasar horas y horas compilando código, y en la mayor parte de los casos simplemente usando las funcionalidades de "arrastrar y soltar" (drag & drop) que suelen ofrecer.

Con un constructor obtienes muchas ventajas en tus proyectos web:

  • La tecnología "arrastrar y soltar" te permite ver en todo momento cómo quedará el resultado.
  • Reduces el tiempo de diseño y maquetación en tu sitio web.
  • Mejoras la calidad visual de tus contenidos en pocos minutos.
  • Añades recursos adicionales a tu tema.
  • Rápida integración en WordPress y en tus temas.
  • No necesitas lidiar con archivos de código.
  • Hazlo tu mismo sin recurrir a diseñadores profesionales (DIY).
  • Puedes hacer pruebas A/B para ver lo que funciona mejor y convierte más.
  • Empiezas a usarlo desde el minuto 1 sin leer tediosos manuales.

¿Qué puedes hacer directamente en WordPress sin un constructor?. Actualmente con las nuevas versiones 4.6.x de WordPress ¡bastantes cosas! y en parte gracias al Personalizador muy mejorado en las versiones más recientes.

Pero seamos sinceros, el tan aclamado personalizador no es más que un intento (de momento bastante limitado) de querer incorporar un constructor en el núcleo de WordPress, algo que esperemos no suceda, al menos de momento, y deje espacio a los profesionales que desarrollan grandes plugins para estas tareas.

Un ejemplo podría ser la edición de un post en una instalación de WordPress usando el editor TinyMCE nativo y sin usar constructores.


Editor nativo de WordPress

Y lo mismo visto en una instalación de WordPress donde se hace uso de un constructor, en este caso concreto de Divi Builder, donde puedes observar que se añaden bloques y se modulariza me forma muy personalizada como se construirá cada post del Blog o de landings page (páginas de aterrizaje).


Editor con capa del constructor encima

Es apenas un ejemplo de las muchas posibilidades que un constructor ofrece en cualquier sitio web donde se instale.

Pasemos lista a 5 constructores para WordPress que yo ya he utilizado en algún momento, por lo que tiene más sentido escribir sobre ellos y que más llaman la atención. No se establecen criterios de precio o popularidad sino que basó esta lista en los resultados obtenidos de varias búsquedas, consultas en Google Trends y mi experiencia personal.


5 builders para WordPress

Estoy seguro que esta lista podría contener otros plugins, con otra visión de lo que ofrecen y sería igual de válida, pero la idea de fondo de este artículo es que sepas que existen este tipo de constructores que pueden ayudarte y mucho en tus proyectos personales o profesionales con WordPress.

Page Builder de SiteOrigin


Page Builder by SiteOrigin

Se trata de un plugin desarrollado por SiteOrigin que actualmente es 100% compatible con WordPress 4.6.x, siendo otro de los grandes constructores populares entre usuarios de WordPress, principalmente por su facilidad de uso y que no es necesario el uso de código para poder componer páginas elegantes.

Tiene un excelente comportamiento "responsive" permitiendo que cualquier cambio aplicado en un post, página u otro contenido del tema se vea de forma correcta en cualquier dispositivo. Esta funcionalidad puede ser activada desde las configuraciones del plugin.

Además de utilizarlo para Entradas y Páginas, es posible integrarlo con el plugin Soliloquy para la personalización de los sliders.

De este plugin destaco la posibilidad de hacer un "rollback" de un cambio (marcha atrás) para deshacer alguna modificación realizada que no sea de tu agrado desde el "Historial".


Page Builder by SiteOrigin

Descarga Page Builder de SiteOrigin



Salient Visual Composer


Salient Visual Composer

Posiblemente sea uno de los constructores más utilizados del momento y más populares, por ende, considerando que es de pago con licencias anuales a partir de 34$, que lo convierten en un plugin asequible a cualquier bolsillo.

Desarrolladores como ThemeForest lo incluyen por defecto en la mayoría de temas que comercializan como constructor de páginas.

Es compatible con la gran mayoría de temas existentes en el mercado de temas comerciales y muchos gratuitos, convirtiéndose en la navaja suiza de los diseñadores y muy apreciado por marketers que ven en este builder la oportunidad de construir sitios profesionales en pocos minutos.

Dispone de una gran número de módulos por defecto en el constructor y se puede ampliar su funcionalidad incorporando nuevos módulos de WPBakery o de desarrolladores externos, dando más potencia al plugin.


Salient Visual Composer

Ni todo es de color rosa en el mundo de los constructores y en el caso de Visual Composer cabe destacar negativamente la cantidad de códigos cortos que deja por todas partes si por cualquier razón se decide desinstalar, en caso de querer cambiar de tema o de builder, un factor a tener en cuenta si vas a pasar de puntillas por este plugin en tu sitio web en producción.

Descarga Salient Visual Composer


Divi Builder de Elegant Themes


Divi Builder de EleganThemes

Un plugin creado y comercializado por Elegant Themes al que tengo especial cariño pues con él he arrancado algunos proyectos muy apreciados.

Al margen de este lado emotivo debo decir que los chicos de ET se toman muy en serio las actualizaciones y en apenas 3 meses hemos pasado de la versión 2.5 a la 3.0 con muchos cambios y mejoras que aportan versatilidad y funciones cada una mejor que la anterior.

Un maquetador de contenidos rápido, que permite su activación aleatoria, es decir, puedes utilizarlo para todas las páginas y/o entradas (post) o solo para aquellas que quieras mejorar o en las que necesites vitaminar los contenidos con módulos y otras características.

Se lleva excelentemente con WPML (plugin de gestión de idiomas) y el nivel de complicidad con el SEO on-page de tu web será cuando menos de bueno tirando a muy bueno. No digo excelente porque ya sabemos que los builders son demasiado básicos en esto del SEO de páginas.

Cuesta dinerito, claro, como la mayoría de constructores, pero la inversión (anual) bien vale la pena sobre todo si te dedicas a implementar webs para terceros (clientes) ya que le podrás sacar un mayor rendimiento junto con la gran cantidad de temas para Divi Builder que Elegant Themes te ofrece.


Divi Builder de Elegant Themes

Descarga Divi Builder de Elegant Themes



Themify Builder de Themify.me


Themify Builder

Quizás este plugin visto desde el dashboard, así de pronto te resulte tan llamativo como los anteriores, pero debo decirte que bajo su apariencia austera hay un constructor que sabe lo que hace y lleva al usuario de la mano para que una simple página creada en WordPress acabe siendo una página poderosa.

Si te gusta tener muchas opciones, combinaciones y cosas que poder activar/desactivar para cambiar el comportamiento, este builder es una buena opción, ya que parametriza la mayoría de configuraciones o personalizaciones que quieras realizar en entradas y páginas.

Las últimas versiones de Themify Builder poco a poco se van pareciendo en algunas cosas a sus competidores más directos y vemos por ejemplo detalles de la selección de "tipos de layouts" muy parecidas con Divi Builer, por ejemplo.

Supongo que ante la necesidad de llegar a un mercado cada vez más profesional y granulado, necesitan adoptar todas las funcionalidades posibles para que los usuarios del producto no echen nada en falta, pero esto no lo convierte en una copia, y supongo que tampoco lo pretenden. Este constructor tiene de por sí su propia personalidad.

Como el resto de plugins de maquetación de contenidos, TB viene respaldado por una importante colección de 'layouts' o temas de muy variados estilos para cubrir la demanda de los usuarios.


Page Builder by SiteOrigin

Descarga Themify Builder de Themify.me



Live Composer


Live Composer

De los pocos constructores que conozco (supongo que habrá muchos más que no conozco) que es GRATIS y que hace bastante bien lo que relata en las características de su página y que puede ser usado por cualquier usuario sin necesidad de invertir.

La tecnología arrastrar y soltar (drag and drop) está muy bien integrada en este constructor y eso facilita mucho la labor, principalmente a los no iniciados en este tipo de herramientas.

No es necesario tocar nada de código con Live Composer para crear elegantes páginas de aterrizaje, de Contacto, de venta de infoproductos así como dar un tono característico a los post que publiques, para que no necesariamente tengan que tener el formato estándar que WordPress impone por defecto.

Viene empaquetado con 30 módulos para títulos, widgets, imagenes, videos, galerias, etc., aunque como la mayoría de builder permite añadir nuevos módulos, al margen de los que se vayan incorporando en nuevas versiones del plugin.

Yo destacaría de este constructor su sencillez y velocidad pues utilizar un plugin de estas características, en contra de lo que muchos piensan, no añade peso a la página ni resta velocidad de carga, y en el caso de Live Composer, los desarrolladores se han centrado mucho en ofrecer simplicidad y potencia a los usuarios finales.

Si eres defensor del Open Source o código de fuentes abiertas, en tu ecuación no debe faltar entonces este plugin para darle un cambio revulsivo a la forma de crear los contenidos de tu blog.


Edición de una Página en WordPress con Live Composer

Descarga Live Composer



Otros constructores disponibles para WordPress

Otros constructores que puedes evaluar, ordenados alfabéticamente, para que veas que el mercado es muy extenso y está pensado para cubrir la mayoría de proyectos, son los siguientes:

  • 1X
  • Agencia
  • Avada
  • Basis
  • Beaver Builder
  • Bitz
  • Carrington Build
  • Delight
  • Elementor
  • Enfold
  • Evolve
  • Extra
  • Headway
  • Klein
  • Layers
  • LayoutPress
  • Litte
  • Make
  • Monstroid
  • MotoPress
  • Neosense
  • PageLines
  • PinsPro
  • River
  • Solitudo
  • Strata
  • TemplateToaster
  • Themify Builder
  • Total
  • Ultimatum
  • Unyson Framework
  • Valenti
  • VelocityPage
  • WP-Creative
  • WP-Multipurpose
  • Zerif Pro

Seguro que me dejo alguno en el tintero, sobre todo si considero que el mercado de builders es creciente y cada mes saltan nuevos plugins con estas funcionalidades al mercado, para que los usuarios puedan dar un giro de 360 grados a sus temas de WordPress.


Al final, el uso de los constructores en WordPress se ha extendido en los últimos 2 años de manera que son pocos los sitios web profesionales creados con WordPress que no implementan uno, ya sea como salida al proceso laborioso de modificar código en "temas hijo" o porque se hacen necesarias funcionalidades extra para mejorar la vista de las páginas de aterrizaje.

Los builders para WordPress están ya entre nosotros desde hace tiempo y si aún no los conocías, es momento de que le des la oportunidad a uno de ellos en tu web y experimentes el diseño y maquetación de contenidos a otro nivel.

Actualiza a VirtueMart 3.0.18 ¡última versión en Joomla 2.5!

$
0
0

VirtueMart


VirtueMart está disponible bajo versión 3.0.18 la última versión con compatibilidad para Joomla 2.5 y que también lo es con Joomla 3.6.2 de forma nativa.

En esta versión se han añadido funcionalidades como que las variantes de productos funcionen también en la vista de consulta por Categoría y de paso se ha añadido la funcionalidad de "arrastrar y soltar" (drag & drop) en la lista de productos hijo en un listado desplegable de multivariantes así será más fácil ajustarla.

Adiós a la compatibilidad para Joomla 2.5.x ¡Ya era hora! sin duda un punto y aparte para que Virtue Mart libere versiones compatibles únicamente con la versión estable actual de Joomla.

¿Todavía usas VirtueMart 2.0.x?, sabrás que se trata de versiones inestables, vulnerables y carentes de muchas de las mejoras que ha ido incorporando VirtueMart progresivamente. ¿Quieres actualizarte desde una versión de esa serie a la versión 2.6.22 y no sabes como? ¡te lo cuento en este artículo del Blog!

Luego podrás plantearte si permaneces en VM 2.6.22 con Joomla 2.5.28, por ejemplo si trabajas con multiidomas o si das el salto a la versión 3.0.18 con Joomla 3.6.2


Algunas características nuevas y correcciones realizadas:

  • Se añade la funcionalidad de "Arrastrar y Soltar" en multivariantes de un producto.
  • Añadido AJAX para variantes hijo en la vista de consulta por Categoría.
  • En la Moneda se puede utilizar el carácter "espacio" en el formato de visualización.
  • Nuevo instalador completo de VM en Joomla 3.
  • Actualizada biblioteca del carrito de Amazon para trabajar con AJAX.
  • Actualizado com_tcpdf a la versión 6.2.12 TCPDF.
  • Paypal ahora acepta múltiples monedas.
  • Se añade el tema vbbeez3 derivado de la plantilla beez3 de Joomla.
Si quieres conocer la lista completa de cambios, correciones y mejoras, consulta este hilo del Foro de VM.

Para sitios en producción con VirtueMart es importante realizar una copia de seguridad [1], [2], [3] antes de proceder con la actualización, desde el propio componente VM.

Para usuarios de Packs de Webempresa, recomendamos consultar siempre antes de actualizar a la nueva versión.


Descarga para actualizaciones manuales


VirtueMart 3.0.18

VirtueMart 3.0.18

Carrito de compras para Joomla 2.5 y 3.6, asado en el framework de Joomla MCV con todas sus ventajas que requiere PHP 5.5 o versiones superiores.


¿Y sobre VirtueMart en WordPress?

Pues que todo va avanzando y VirtueMart pronto será un carrito de compras que pueda medirse con pesos pesados del comercio electrónico en WordPress como WooCommerce.

Las pruebas que el equipo de desarrollo de virtuemart está realizando parece que van dando buenos resultados, y por fin se romperá la dependencia directa del CMS y de sus complejas configuraciones.

Por el momento están trabajando duramente para que el router se ajuste a los enlaces que WordPress gestiona y así garantizar la estabilidad de VirtueMart en instalaciones de WordPress.

Parece que antes de Navidades ya podremos jugar con alguna que otra versión "beta" en WordPress.

Agradecer desde aquí el trabajo de Max Milbers y su equipo que a través de VirtueMart permiten a millones de sitios web trabajar en Joomla con el carrito de compras más conocido y usado para este CMS.



Podcast: La mejor estrategia para tu blog

$
0
0

Cómo crear un Podcast


Desde el 15 de mayo de 2016 que salió el primer episodio de mi podcast han pasado grandes cosas y la mayoría gracias a esa pequeña gran decisión.

Lo creé en 48 horas y nunca había visto tanto crecimiento en tan poco tiempo. Por eso voy a explicarte cómo potenciar tu blog con un Podcast que no es más que un programa de radio online a la carta.

Tener un podcast implica mucha dedicación y esfuerzo. Es un mundo nuevo para la mayoría de nosotros pero cuando lo descubres sabes que has encontrado algo con mucho potencial que cambia vidas.

Cómo empezó todo

SEO para bloggers es el nombre de mi podcast y mi creación más reciente. Un día por casualidad me encontré con un post de Victor Martín y tras leerlo me fijé en el menú del blog. “Podcast”.

¿Qué era eso? Entré y empecé a escuchar episodios.

Era increíble. Entrevistaba a expertos del Marketing Online que contaban muchos de los secretos de su éxito. Había un botón hacia iTunes y a partir de ahí no paré de escuchar podcasts desde mi iPhone (se pueden escuchar desde cualquier dispositivo).

Uno de esos nuevos podcasts que descubrí era el de Oscar Feito, la academia del Marketing Online. Estaba creando un curso de Podcasting y decidí empezar cuanto antes. Los beneficios de tener un podcast parecían inmensos.

A mí me había enganchado y no podía parar de aprender. En el gimnasio, en el coche, mientras desayunaba, comía o cenaba, de viaje en el avión…

Dejé de ver la televisión prácticamente y de escuchar la radio.

Pasé a hacer dos cosas a la vez y mis días se alargaron sin darme cuenta. Entonces llegó el momento de crear mi propio podcast. No podía esperar ni un segundo más.


Cómo creé mi podcast en 48 horas

Empecé a investigar en distintos artículos y a través de vídeos en Youtube. Ya me había comprado un micrófono de corbata unos meses antes para grabar algunos vídeos y con mi iPhone empecé a grabar sin más. Usé el contenido de algunos artículos que había ido escribiendo en mi blog para hacerme los guiones y los adapté al formato de audio.

Todo era nuevo y aunque en Internet había mucha información, era necesario ordenarlo paso a paso y quitar mucho contenido que no servía.

Decidí crear un artículo en el que contaba mi experiencia para crear un podcast en 48h y así ayudar a la gente que quisiera crear el suyo propio sin perder tiempo.


Básicamente lo que hice se puede resumir en 8 pasos:

  1. Elegir el tema
  2. Decidir el contenido, formato y duración de cada episodio
  3. Analizar el material necesario
  4. Grabar el primer episodio del podcast con Audacity
  5. Editar el episodio con Audacity
  6. Subir el podcast a ivoox y obtener la URL del feed
  7. Subir la URL del feed al resto de plataformas para que se actualicen de forma automática
  8. Dar a conocer el podcast

Con estos pasos tendrás tu podcast listo para que el mundo empiece a escucharte.

Existen muchas plataformas donde subir el podcast pero creo que mi sistema evitará que te vuelvas loco leyendo multitud de opciones que puedes encontrar en Internet. Lo más importante es crearlo de una forma sencilla y preocuparte por crear contenido de calidad.


La estrategia para ser nº1 en iTunes

Sabía que tenía que hacer algo para dar a conocer el podcast a todas las personas que les pudiera interesar aprender SEO y en especial a los bloggers.

Por eso seguí una estrategia después de estudiar cómo funciona el algoritmo de iTunes para posicionar mi podcast en los primeros puestos del ranking de mi categoría “Finanzas”.



Gracias a esta estrategia las descargas del podcast se dispararon y con eso mi marca personal también empezó a crecer.

También conseguí aparecer en el Magazine de ivoox tras contratar uno de sus planes pro. Esto hizo que mi podcast consiguiera situarse entre los mejores y así conseguir más escuchas.


El objetivo del Podcast

Había detectado que la mayoría de la gente que crea un blog comete graves errores a la hora de crear su blog y usa gestores de contenido que no permiten posicionarse en Google fácilmente.

Quería llegar a todos esos bloggers que creaban contenido de calidad pero por no saber lo básico del SEO no conseguían visitas en sus blogs. Como consecuencia muchos abandonaban sus blogs y sus sueños para otra ocasión.

Ese era el objetivo del podcast y del blog. Por eso me centro en hablar de una forma que todo el mundo pueda entender. Estaba cansado de leer blogs sobre SEO escritos para otros expertos de SEO.

Por tanto, a la hora de elegir la temática de tu podcast y la forma de llevarlo, debes pensar muy bien en tu público objetivo y en cómo puedes ayudarles en su día a día.

Es fundamental que sigas la filosofía de tu blog para hacerle crecer gracias al podcast. Debe ser un todo en uno.


El podcast y mi blog

El podcast ha hecho que me distinga de la competencia y que mucha gente conozca mi blog y lo que hago gracias al podcast. Sin duda es uno de los medios que más está creciendo en el mundo a pesar de existir desde hace varios años.

Parece que este es el mejor momento para crear un podcast ya que se junta el factor de ser un medio con poca competencia y el factor de estar creciendo exponencialmente.

Además genero contenidos gracias a las notas del programa que la gente visita de forma periódica cuando necesitan consultar algo que realmente les interesa.

Estas visitas en muchos casos son directas y este tipo de tráfico le gusta mucho a Google ya que le indica que la “marca” o el nombre del blog empieza a ser conocido.


La clave del éxito

Crear un podcast es relativamente sencillo. Lo complicado llega cuando hay que ser constante y publicar un episodio cada semana. En mi caso salen a la luz cada lunes y viernes a las 7 de la mañana.

Yo grabo varios episodios durante la semana y los programo para que salgan en las distintas plataformas de podcasting y así llegar a más gente. De todas formas, por lo menos en mi caso, el grueso de las escuchas llegan de iTunes y de iVoox, la plataforma en la que decidí hospedar mi podcast.

Poco a poco van creciendo las descargas, teniendo picos de 600 descargas en un día. Estos números son prácticamente imposibles de alcanzar con un blog en tan poco tiempo, por tanto, es un excelente medio para difundir tu contenido y llegar a más gente.

Elegir el tema del podcast fue clave. Había algún podcast sobre SEO pero ninguno sobre SEO para bloggers. Si nos comparamos con el mundo de los blogs, la competencia en el mundo de los podcast es ridícula.

Hoy en día competir por aparecer en los primeros resultados de Google con un blog de cocina, moda, tecnología o deporte es casi imposible. Debes elegir muy bien tu nicho y trabajar sin parar. Con el podcast se debe trabajar mucho pero los resultados se ven muy rápidamente si se hace bien y podremos situarnos como referentes mucho antes.


Qué puedes conseguir con un Podcast

Como ya te he dicho con un podcast te distingues de la competencia y la confianza que se genera con la voz entre tus clientes no tiene comparación. Además te abre muchas puertas y ya me han hecho varias entrevistas como consecuencia de la creación del podcast.

Javi Perez en sus selfientrevista y Jose Miguel García en su podcast Emprendedores Digitales son algunos ejemplos.

No podemos olvidar el famoso link building. Al situarte como un referente en tu sector distintos medios y bloggers pensarán en ti a la hora de crear sus artículos y te mencionarán en muchas de sus publicaciones. También será más fácil participar en distintos posts de invitado.

En mi caso he conseguido varios patrocinadores que hacen que el camino sea mucho más fácil. Es una muy buena forma de ganar dinero en Internet. Existen otras formas como creando contenido Premium o promocionando algunos enlaces de afiliados.

Lo importante es ver cuál es la forma que más nos conviene utilizar para ganar dinero con un podcast si es algo que te interesa.

Y por último muchas empresas y posibles clientes se fijarán en ti. Tener un podcast hará que se pongan en contacto contigo para que les ayudes en sus proyectos o para contratarte directamente.

Sólo tienes que escuchar distintos casos de éxito en el podcast de Joan Boluda.

Se puede decir que la combinación blog y podcast es el curriculum vitae más potente del momento y debes aprovecharte de ello para crear tu propio futuro.


Conclusiones

Tener un podcast implica mucha dedicación y esfuerzo. Es un mundo nuevo para la mayoría de nosotros pero cuando lo descubres sabes que has encontrado algo con mucho potencial que cambia vidas. Por eso te animo a crear tu propio podcast.

Está claro que no es para todo el mundo. Cada uno tiene unas aptitudes más desarrolladas que otras pero por probar no pierdes nada.

Yo he aprendido mucho gracias a todo este proceso y poco a poco me voy soltando más a la hora de hablar frente a un micrófono.

Además me ha ayudado mucho para desenvolverme en Periscope.

Otra herramienta que me está funcionando increíblemente bien en mi estrategia para potenciar mi marca personal y para ayudar a otros bloggers a multiplicar sus visitas.

En este caso hablamos de vídeo en streaming, pero al igual que con el podcast, creo que es el mejor momento para subir y diferenciarte de la competencia tanto si tienes una empresa (grande o pequeña) como si eres un blogger y necesitas un empujón con tu blog.

Importante es que antes de empezar crees una estrategia y marques unos objetivos, ya que como en cualquier cosa, no hay camino fácil ni hay magia en Internet.

Pero si crees que en tu caso tener un podcast puede ayudarte a alcanzar tus objetivos no esperes más y empieza hoy mismo. Sin duda es algo que marcará un antes y un después en tu proyecto online.




Optimizar páginas de aterrizaje en una tienda online

$
0
0

optimizar páginas de aterrizaje


Antes de meternos en harina, y sumergirnos en como optimizar páginas de aterrizaje en una tienda online es conveniente revisar el concepto que se entiende por una página de aterrizaje o Landing Page.

Míralo de esta manera: las paginas web son sitios donde te das a conocer, donde ofreces un abanico de productos y servicios, en definitiva un escaparate donde la gente puede curiosear y buscar cosas.

Pero una Landing Page es algo diferente.

Las Landing Page son paginas independientes a la pagina web principal y están dedicadas y concentradas a la promoción o venta de un sólo producto o servicio.

Las Landing Page es una herramienta indispensable para desarrollar una  estrategia de marketing online, ya que estas se encuentran en la fase final de la conversión.

Imagina una página web que vende artículos de ferretería. Como puedes imaginar, la variedad de artículos que ofrece puede ser hasta mareante.

La mayoría de las visitas que entrarán en la pagina, llegan sin una idea clara de qué es lo que quieren, éstas se limitan tan solo a curiosear para al final no comprar nada.

Sin embargo, si esta ferretería online crease varias Landing Page promocionando en cada una de ellas los productos que estime mas interesantes, las probabilidades de conversión aumentarán exponencialmente.

¿ Y esto cómo es posible ? , pues una simple razón, porque las visitas que entran, ya llegan filtradas o como se le conoce en marketing "embudo de conversión".

¿ Y quién las filtra ?  Existen numerosas herramientas y técnicas, que a su vez, tendrán diferentes métodos de aplicación, dependerá mucho del nicho de mercado al que se dirija.

A modo de ejemplo algunos de estos filtros pueden ser:

  • tráfico orgánico (el SEO de la Landing Page está optimizado únicamente para posicionar ese producto o servicio)
  • campañas que hagamos en Google AdWords.
  • campañas de mailing.
  • banners.
  • Redes sociales,  etc.

Las Landing Page no se limitan únicamente para vender. Su uso se puede extender para infinidad de fines, como por ejemplo; encuestas, tomar información, invitaciones, cursos, sorteos… cualquier cosa que se quiera promocionar o potenciar.

Como optimizar páginas de aterrizaje

  1. Un poco de psicología
    • Psicología aplicada al marketing online
    • ¿ Cuánto tiempo me da el usuario para convencerlo ?
    • ¿ Cómo le puedo convencer en tan poco tiempo ?
  2. Técnicas
    • La disposición de los elementos en la Landing Page
    • Eye-tracking  ( seguimiento ocular )
  3. Los Formularios
  4. El mensaje
  5. Los testimonios
  6. Las llamadas a la acción (CTA Call To Action)
  7. Lo que no debe tener una Landing Page
    • Suprime todas las barras de navegación y links
    • La Landing Page debe contener un solo objetivo
    • Los popups
    • El scroll de pantalla, un arma de doble filo
  8. Para terminar
  9. Conclusión

Una vez que se tiene claro que es y para que sirve una Landing Page, ya se puede empezar a profundizar, en como optimizar las paginas de aterrizaje en una tienda online.


Un poco de psicología

No te asustes...., no voy a bombardearte con soporíferos e interminables textos y terminologías imposibles de memorizar, vamos a verlo de una forma práctica para captar rápidamente de cuales son los factores esenciales para una Landing Page exitosa.

Psicología aplicada al marketing online

Al fin y al cabo el marketing es psicología aplicada al comercio, por tanto, es de vital importancia que en cualquiera de los puntos de desarrollo de una Landing Page te pongas en el pellejo del usuario que aterriza en tu pagina.

¿Cuanto tiempo me da el usuario para convencerlo?


Cuanto tiempo me da el usuario para convencerlo

Una de las mejores ventajas que da el comercio digital, es que todo, absolutamente todo, se puede medir y graficar.

Yo esta situación la represento de esta manera:

Imagínate a un usuario que aterriza en tu Landing Page, lo primero que va a hacer es sentarse, poner en marcha su cronómetro, y te dice, “te doy 10 segundos como mucho para convencerme”.

No te rías...., es así, los 10 segundos que te dan, no es broma, está estudiado y comprobado que el tiempo de permanencia de un usuario en una pagina se estipula entre los 7 y 10 segundos como máximo.

Pero esto es mas cruel aún, si los colores no le gustan, la disposición de los elementos le confunden, hay que leer demasiado texto o cualquier otro motivo. No se lo piensa dos veces, al tercer o cuarto segundo se va sin decir adiós y sin cerrar la puerta. :(

Y lo peor no es que se vaya y que no cierre la puerta, sino, que no va a dar una segunda oportunidad. Si por casualidad, en el futuro aterriza nuevamente en tu pagina, recordará que ya estuvo ahí y se irá en el primer segundo sin mas.

¿ Cómo le puedo convencer en tan poco tiempo ?

Cómo dijo el filosofo griego Epicuro

La intensidad del placer alcanza su punto culminante en la eliminación de todo dolor.

Creo que esta cita lo deja muy claro. Si un usuario aterriza en tu Landing Page es porque tiene un problema y esta buscando una solución.

Por tanto, debes ser muy conciso en cual es el problema y cómo le vas a ayudar a solucionarlo.

Por ejemplo; ¿Qué harías, si estas buscando un champú o loción para la caída del pelo y aterrizas en una página donde te ofrecen un champú para combatir la caspa?

Fíjate que el producto al fin y al cabo es el mismo, champú , pero su problema que es la caída del pelo, no la resuelve. Otra vez nos encontramos en la misma situación se irá sin mas y no nos dará mas oportunidades.

Esta situación podría ser desastrosa, ya que resulta que si tienes ese champú para combatir la caída de pelo, ¿qué pasaría con las decenas, cientos, miles de personas que aterricen en esa página con el mismo problema y se van? Se estarían perdiendo innumerables conversiones y/o el dinero que está costando contratar esa campaña.

En resumen, la Landing Page debe aportar una experiencia positiva y debe aportar una solución precisa al problema del usuario.


Técnicas

Aquí no me voy a extender mucho y no es por que haya poco que contar, que lo hay y muchísimo. Esto se puede complicar hasta donde alcance el ingenio, pero aquí de lo que se trata es de tener una idea amplia y clara de la efectividad de una Landing Page.

La disposición de los elementos en la Landing Page


Elementos de una Landing Page

Vamos con uno de esos términos que algunos nos cuesta tanto recordar.

Eye-tracking  (seguimiento ocular)

Este es uno de mis favoritos.

Como ya indiqué anteriormente, la gran ventaja de Internet es que se puede medir todo, y como prueba, a continuación encontraras algunos ejemplos de unas valiosas investigaciones sobre el eye-tracking.

La técnica eye-tracking, estudia la atención y percepción de las personas a través del movimiento del globo ocular y las reacciones de la pupila (contracción y dilatación). Registra los recorridos y los puntos donde paramos la mirada y es capaz de analizar como nos afecta sentimentalmente lo que vemos mediante la dilatación y contracción de pupilas.

Este es un tema lo suficientemente extenso como para dedicarle un artículo entero, por tanto, y para no desviarnos del tema que nos ocupa, pasaremos muy por encima visualizando los resultados de algunos de estos estudios.

Echemos un vistazo a dos de estos interesantes estudios aplicados a las Landing Pages:


optimizar página de aterrizaje tienda online


Eye traking 2

Creo que aquí las imágenes hablan por si mismas, como ves, tu mismo puedes sacar tus propias conclusiones.

A continuación, te voy a mostrar los resultados de un estudio super interesante que sin duda merece la pena detenerse brevemente y comentarlo.


Eye traking 3


Eye traking 4

Seguro que ya te has dado cuenta del detalle que ha causado el aumento de atención y la multiplicación de lecturas del mensaje que se quiere transmitir.

Cuando el bebé mira de frente, los usuarios apenas prestaban atención al texto, simplemente pasan la vista por encima sin pararse a leer el mensaje donde se aporta la solución a su problema y todos los beneficios que obtendrá.

Sin embargo, en la imagen donde el bebe dirige la mirada hacia el texto, aumenta notablemente la intensidad del amarillo y aparece el rojo.

Esto demuestra la fuerte influencia que ejercen las imágenes, y como gracias a ellas es posible conducir la atención del usuario hacia las posiciones deseadas.


Los formularios


Formularios

Los formularios, es otro elemento de las Landing Page muy importante y a la vez delicado.

Con ellos se puede recoger información muy valiosa para nuestros objetivos pero ojo…. no te pases, no abuses de ellos.

Nuevamente hay que ponerse en el pellejo del usuario.

Cuando nos presentan un formulario con demasiadas preguntas, casi instantáneamente intentamos dejarlo para mas tarde o simplemente no rellenarlo. Los motivos pueden ser varios, pereza, falta de tiempo, no queremos dar excesiva información personal, etc.

Por tanto, el formulario debe ser lo mas corto posible y seleccionar cuidadosamente las preguntas y el numero de preguntas a poner. Hay que ser muy sutil.

No se te ocurra hacerle un interrogatorio para sacarle toda la información de golpe, si lo haces, es muy posible que salga de tu Landing Page con un ataque de pánico, y no vuelva nunca mas. :)

Se consciente, que si consigues que el usuario lo rellene y envíe el formulario, posteriormente podrás contar con mas oportunidades para recoger esa información que necesitas.

Yo personalmente al formulario no le pongo mas de 4 ó 5 campos a lo sumo. Por poca información que se consiga, será mucho mejor que salga corriendo y lo perdamos para siempre.

El mensaje


El Mensaje

Como ya se ha dicho, el usuario no lee..., escanea, así que, hay que tratar por todos los medios construir un mensaje lo mas resumido y esquematizado posible, siempre manteniendo toda su esencia, claro está.

Evita utilizar párrafos, utiliza listas o viñetas.

El mensaje debe centrarse únicamente en los beneficios de aquello que estamos ofertando, no desaproveches espacio en detallar aspectos técnicos ni funcionales.

Como siempre con un ejemplo se ve muy claro:

Pongamos que estoy buscando una taladradora para hacer agujeros en casa y no tengo ni idea de taladradoras. ¿Cual seria mi elección ante dos ofertas diferentes como estas?

  1. Con esta taladradora podrá hacer taladros en cualquier tipo de pared, es potente y rápida y ya no volverá a sufrir cada vez que tenga que hacer un taladro.
  2. Excelente taladradora de 3000 W de potencia, percutor de tres posiciones, hasta 10.000 rpm y cuatro velocidades, podrá taladrar cualquier tipo superficie con el mínimo esfuerzo.

Ricemos el rizo, resulta que la taladradora en ambos casos es exactamente la misma.

Pues lo tengo claro, la opción A soluciona mis necesidades. La opción B es excesiva para mi, ¿para que quiero semejante trasto si yo solo quiero hacer agujeros para colgar los cuadros?

Por tanto, lo ideal, a pesar de ser la misma maquina, sería hacer dos Landing Page diferentes, una enfocada al uso profesional y otra para el uso doméstico.


La velocidad de carga y palabras clave.


Velocidad de Carga Palabras clave

Si ya de por si la velocidad de carga y las palabras clave son importantes en cualquier pagina web, en las Landing Page hay que redoblar el esfuerzo.

Recuerda que los que entran en nuestra Landing Page tienen muy claro lo que están buscando, así que, como potenciales clientes que son deben sentir una experiencia agradable:

  • que nos encuentren rápido (palabras clave)
  • y que la carga sea lo mas rápida posible. (la página debe ser muy ligera)

Ademas de cuidar cada detalle, para que el usuario tenga una agradable experiencia, no hay que olvidar ni descuidar el SEO OnPage. Si hacemos bien el trabajo se podrán convertir en una fuente, muy importante de trafico potencial.

Los testimonios


Los testimonios

Los testimonios es una herramienta muy valiosa y son los que dan ese empujón final al indeciso.

Imagínate una persona que está en una tienda de zapatos, y tiene unos en la mano pero esta indeciso en comprarlos. Casualmente, tiene una persona al lado que lleva puestos esos mismos zapatos y como le ve indeciso le dice: "Oye, son estupendos me los compré aquí hace dos años y me están dando un resultado bárbaro."

¿Cómo crees que reaccionaría el dudoso comprador?

El testimonio que le dió esa persona casual, tiene mas fuerza y supero con creces, todo el contenido y diseño de la propia Landing Page.

Esto es lógico, al fin y al cabo, la Landing Page es la parte interesada en hacer la venta, a diferencia de la persona que le dio esa información, la cual, le contó los beneficios que ha obtenido comprando ese producto.

Esto es generar confianza.

No obstante, hay que tener en cuenta el tipo de testimonio, no todos ejercen la misma fuerza o efecto.

Como sabes, la confianza es un factor muy muy importante, y se puede comprobar haciéndote la siguiente pregunta:

 ¿ qué te genera mas confianza, una persona que se presenta abiertamente y te dice su nombre ? ó ¿ una que se presenta con careta y te dice solo su alias. ?

¿Esta claro no....?

Los testimonios serán mucho mas efectivos cuanta más información aparezca en su perfil,  por ejemplo una foto suya con el nombre completo. Estos son lo que hay que mostrar , aunque sus testimonios no sean tan buenos como los que no aportan ninguna información en su perfil.

Como ves, este elemento puede ayudar mucho a la hora de darle ese empujón al dudoso comprador y hacer efectiva la conversión, que de otra manera posiblemente se irían.

Las llamadas a la acción (CTA Call To Action)

Sin este elemento la Landing Page no tendría razón de ser.

Un CTA puede estar formado por texto (una palabra, una frase), imágenes, botones o una combinación entre ellos con el fin de motivar al visitante para realizar la conversión.

Casi todos los días nos cruzamos con alguna de estas llamadas a la acción donde suelen decir "Suscríbete, descarga este pdf, haz clic para continuar leyendo, compra ya, etc.".


Las llamadas a la accion

Los CTAs deben ser diseñados con esmero, aquí cuenta hasta el mínimo detalle; colores, tipografía, tamaño de la fuente, el título, la posición en donde se coloca, las imágenes, etc.. Hay que recordar, que cuando un cliente llega a nuestra página de aterrizaje ya viene con el 80% de la conversión hecha.

A continuación, y a modo de ejemplo, te muestro tres páginas de aterrizaje con tres CTA diseñados específicamente para fines diferentes.

 

1 - Esta es una Landing Page con un CTA para suscribirse.


Llamada a la accion para suscribirse

 

2 - El siguiente muestra un CTA para comprar


Llamadas a la accion Compra

 

3 - Y por ultimo un CTA para obtener un cupón de descuento.


Llamada a la accion para entrega de cupones


Lo que no debe tener una Landing Page

Como ya indiqué al inicio, siempre hay que tener presente, que cuando un usuario llega hasta nuestra Landing Page es porque tiene una decisión tomada solo falta ese pequeño empujón para convertirse en cliente, por tanto, retira todo aquello que no esté estrechamente vinculado al objetivo o conversión.

Suprime todas las barras de navegación y Links

Piénsalo, si ya tienes al usuario donde quieres, con una idea clara de lo que quiere y decidido a realizar una compra, una suscripción o lo que sea, ¿para qué le vas a poner una barra de navegación o un link?.

Con esto lo único que vas a conseguir es desviar su atención y aumentar la posibilidad de que desaparezca haciendo clic en alguno de estos link.

No me digas que no es para tirarse de los pelos, que después de lo que ha costado hacer la campaña y que se haya conseguido hacer aterrizar a un potencial cliente se pierda una conversión que estaba al 80% por poner una barra de navegación o un link en nuestra Landing Page. :(

Así que, centra todos los elementos en el producto o servicio que estas ofreciendo, evita toda barra de navegación y links que no estén íntimamente relacionados con el producto o servicio principal.

La Landing Page solo tiene que dar dos opciones o realizar la conversión o que se vaya. Así de claro y contundente.

Esto no lo digo, se han hecho diversos estudios mediante los famosos Test A/B, que han determinado que al retirar de las Landing Page este tipo de elementos, las conversiones aumentan desde el 30% hasta el 100%. Ahí queda eso.

La Landing Page debe contener un solo objetivo

Curiosamente este es un error que se comete con mucha frecuencia.

Resulta tentador aprovechar la visita para pedirle o ofertarle mas cosas de las que en un principio se le ofrecía, pero esto nuevamente es una causa potencial que mata directamente las conversiones.

A los usuarios no les gusta que les vendas..., les gusta comprar.

Las Landing Page deben contener y centrarse solo en un producto o servicio, ya está.

Los popups

Los popups aquí no tienen cabida, con esto lo que se hace igualmente es distraer la atención o cabrear al usuario con un alto riesgo de matar nuevamente la conversión.

Si una Landing Page está bien diseñada, cualquier otro elemento adicional sobra.

Pero el hecho de perder a un potencial cliente no es lo peor.

Si estás haciendo una campaña de marketing a través de Google AdWords, debes saber que Google se guarda el derecho de anular tu cuenta y campaña en el caso de que utilices las pantallas emergentes en este tipo de paginas las Landing Pages.

Así que la faena puede ser importante.

El scroll de pantalla un arma de doble filo.

Los famosos Test A/B demuestran que el 80% del tiempo que el usuario esta en la pagina, sólo ve la parte visible, es decir, que todo aquello que queda oculto porque no quepa en pantalla y hay que hacer scroll, prácticamente sera ignorado.

Sin embargo, este 20% restante del tiempo, tampoco hay que darlo por perdido, se puede aprovechar incorporando una segunda CTA o llamada a la acción. Me explico:

Imagina que el potencial cliente no termina de decidirse, normalmente la reacción que todos tenemos es juguetear con el scroll subiendo y bajando.

Para estas situaciones, en la parte oculta de la pantalla porque hay que hacer scroll, podríamos poner un segundo CTA, invitándole a que se suscriba a nuestro boletín de noticias o que nos incluya en sus redes sociales para recibir futuras novedades sobre ese producto o servicio en concreto.

En resumidas cuentas, y es que a pesar de no haber conseguido la conversión, si podríamos conseguir información de un potencial cliente para futuras campañas y/o colarnos en su grupo de influencia a través de las redes sociales.


Para terminar

Todo lo visto es muy importante, es mas, si me pidieras una lista enumerando todos los puntos por orden de importancia, me harías pasar un mal rato. Sin embargo, el último punto que te voy a dar en mi opinión ocuparía la primera posición de la lista, y encima el mas breve.

Como bien sabes, el mundo digital es muy vivo, y las cosas cambian de forma rápida y constante, los gustos de la gente, las modas de los colores, el estilo de los mensajes, etc.

A pesar de que cumplas todos los puntos que hemos visto a pie juntillas y la Landing Page funcione perfectamente, esto no garantiza que mañana lo siga haciendo. No existe la verdad absoluta.

Una buena practica para mantener una efectividad óptima, es tener en linea varias Landing Page con diseños diferentes y contrastar de forma regular los resultados entre ellas.

Esta es una manera muy efectiva de anticiparse a la perdida de eficiencia y da la posibilidad de re-adaptarla antes de males mayores como la pérdida de conversiones durante demasiado tiempo sin que siquiera nos enteremos.

Conclusión

  1. Ponte siempre en el pellejo del usuario.
  2. Exposición corta y concisa del problema y la solución
  3. Ademas de la solución resalta muy especialmente los beneficios.
  4. No desaprovechar espacio exponiendo las funcionalidades del producto ó servicio.
  5. Dos CTA (llamadas a la acción), uno en busca del objetivo primario y otro para los casos de indecisión.
  6. No pierdas nunca el sentido común a la hora de aplicar las técnicas, las Landing Pages se hacen para personas como tú.
  7. SEO On Page, muy importante, una Landing Page con un SEO mimado generará tráfico orgánico y nos ahorrará un buen montón de dinero en contratar campañas externas de marketing, como por ejemplo Google AdWords.
  8. Testear, testear y testear, nunca dejes un Landing Page en piloto automático.



Automatizar procesos para impulsar tu Web

$
0
0

automatizar procesos


Tener un negocio funcionando en piloto automático es el sueño de cualquier empresario o emprendedor, pero, curiosamente son pocas las personas capaces de automatizar procesos para ganar tiempo y, sobre todo, obtener ingresos pasivos de una forma sencilla.

Me explico, a todos nos gusta la idea de levantarnos una mañana en una isla paradisíaca mientras vemos desde el teléfono que nuestro negocio ha facturado miles de euros durante la noche.

Cada vez que nos viene esta idea a la cabeza sentimos una punzada de envidia (porque no es nuestro caso) y, después, llegan las dudas (y yo, ¿puedo generar ingresos pasivos mientras duermo?).

La buena noticia es que sí, pero la mala es que lo que nos han vendido no es exactamente la realidad.

Si en tu negocio tienes tareas o procesos que funcionan siempre de la misma manera, te recomiendo que sigas leyendo este artículo para aprender a liberar tu tiempo y optimizar tus procesos.

Quiero contarte paso a paso cómo puedes automatizar diferentes tareas en tu empresa para conseguir más beneficios, lograr que tu negocio siga funcionando mientras tú no estás presente, y cuál es la mejor forma de crear embudos de venta para que ciertos productos o servicios se vendan solos.


Qué es un embudo de venta

Para comenzar necesito explicarte primero el significado y la utilidad de un Sales Funnel.

Cuando una persona llega hasta nuestra página web (o a nuestro perfil de Redes Sociales o a nuestra tienda online) decimos que es un prospecto.

En ese momento todavía no sabemos si se convertirá en un cliente, pero ha dado con nuestra marca y ahora nos toca a nosotros mover ficha.

Muchas veces yo me imagino que es un juego: Tú pruebas una jugada y ves la respuesta de la otra persona, y dependiendo de lo que haga tú puedes volver a tirar.

Pues el embudo de venta es el túnel (imaginario) por el que vamos pasando a esa persona, a través de ciertas acciones, para convertirlo en cliente.

Una vez que es cliente, continuaremos el túnel para guiarle en sucesivas compras hasta que adquiera nuestro producto o servicio más premium.

Y ahora te estarás preguntando cuántos túneles debes hacer :)

¡Todos los que necesites! Puedes hacer uno para Facebook, otro para Youtube, LinkedIn... otro para tu web, para tu tienda online... ¡Cuantos más hagas, más tareas dejarás automatizadas!


Ejemplos de Embudos


Automatiza tu estrategia de email marketing

Se trata de que tengas contempladas todas las posibles acciones de un lead y automatices tu reacción ante ellas.

Pero vamos con un ejemplo práctico con Email Marketing qué es lo que más te ayudará a entenderlo.

Juan tiene una web donde vende servicios de consultoría financiera, sus precios van desde los 1,500 hasta los 10,000 euros por cada servicio.

Son precios premium que no todo el mundo está dispuesto a pagar. De hecho, si no conocen a Juan es muy difícil que lleguen a adquirir sus servicios.

Así que Juan decide generar confianza para que sus posibles clientes conozcan su forma de operar.

En primer lugar, crea una serie de productos online que van desde los 0 euros hasta los 599 euros. Es relativamente fácil que la gente pague estos precios de manera directa (por medio de una web, sin una entrevista personal de por medio).

  • El primer producto que crea es una guía titulada Los 7 agujeros por los que tu dinero se escapa cada día, es de descarga gratuita y lo puedes obtener una vez te suscribes a su newsletter.

A este tipo de guías se les conoce como Lead Magnet (o imán de clientes) porque sirven para conseguir correos electrónicos.

Ahora, Juan ya tiene los correos electrónicos de personas interesadas en mejorar su economía.

  • Después, va cultivando los prospectos con información de mucho valor que comparte con ellos por correo electrónico (post, entrevistas, artículos...).

Estas personas cada vez confían más en Juan porque han visto que es un experto en su sector.

  • Un día, Juan lanza una encuesta para ver qué problemas tienen sus suscriptores. Cuando analiza las respuestas crea un infoproducto que venderá por 199 euros.

En este punto, el embudo se divide en 3: las personas que han visto y comprado el infoproducto, los que lo han visto pero no han comprado, y los que no se han interesado por él.

Aquí, Juan decide automatizar 3 tipo de mensajes para cada persona dependiendo de lo anterior.

Las personas que han comprado pasan automáticamente al siguiente nivel del embudo, seguirá cultivando la confianza para que vuelvan a adquirir sus productos.

Quienes se interesaron pero no compraron necesitan un refuerzo especial: quizá una serie de emails que expliquen las características del producto, testimonios, una oferta exclusiva...

Para el tercer caso Juan decide continuar con su estrategia de cultivo hasta que esas personas estén decididas a comprar.

Tras una primera compra se dice que es un 80% más sencillo conseguir que una persona repita, así que hay que continuar creando productos o servicios cada vez de más valor hasta que una persona complete nuestro embudo.


Proceso de Conversión


Tus seguidores en Redes Sociales

Otro tipo de embudo que podemos llevar a cabo es el de convertir a nuestros seguidores o visitantes que llegan a nuestras Redes Sociales.

Se trata de utilizar las Redes como un medio, no como un fin.

Muchas empresas consideran que estar en el mundo online es el objetivo final de su negocio. Sin embargo, deben tener en cuenta que están desperdiciando todo el potencial que tiene el Social Media para captar y convertir prospectos.

Estas son algunas de las ideas para convertir nuestras redes en embudos de venta potentes y eficaces:

  • Investigar en qué redes se encuentra nuestro cliente ideal (no hay que estar en todas, sino en las que podemos llegar a nuestro buyer persona).
  • Optimizar las imágenes y las descripciones para que el mensaje enviado sea uniforme en todas las plataformas.
  • Integrar botones en las cabeceras o en el perfil para que los prospectos accedan a un lead magnet.
  • Utilizar softwares como Lead Connection para conseguir los correos electrónicos de las personas interesadas en descargar el material.
  • Llevar a cabo campañas de Facebook Ads (económicas) que automáticamente lleven a los prospectos hasta el inicio de nuestro embudo.
  • Optimizar los impactos que lanzamos para que siempre aparezca en ellos nuestra web y varios hashtags.
  • Crear grupos (en Facebook, Linkedin...) e invertir en publicidad para atraer nuevos prospectos hasta ellos.
  • Compartir contenido de mucho valor en los grupos para generar confianza.
  • Ofrecer descuentos o promociones exclusivas a nuestros seguidores.

Son sólo algunas ideas para que no tengamos que buscar de manera manual nuevos prospectos en las redes sociales, sino que cada persona interesada en nuestra marca (por el simple hecho de visitarnos ya puede estar interesa en conocer más) entre por nuestro embudo y comience el camino de conversión que hemos preparado.


Cuándo termina un embudo

Al llegar al final del proceso de compras, pueden ocurrir dos cosas.

  1. Una persona ha adquirido todos los productos de mayor valor por lo que ya no puede comprar nada más Premium, en este momento, pasa a ser embajador o suscriptor de marca.
  2. Nos recomendará a otras personas para ampliar nuestro mercado, por lo que no tenemos que olvidarnos de continuar el cultivo con ciertos detalles como felicitaciones, cupones especiales, testimonios...
  3. Nuestro producto más premium es un servicio recurrente en el que se queda el consumidor.
  4. Por ejemplo, si tenemos una suscripción mensual o anual y de manera periódica le vamos a continuar cobrando una cuota.
  5. Cuando decida terminar este tipo de suscripción, pasará al caso 1 donde se convertirá en embajador de marca.

Lo que debes saber sobre automatización (y nadie te contó)

Como ves, era necesario que entendieses la importancia de un embudo de venta en tu negocio porque es la estructura global en la que encajarás todas tus automatizaciones.

Viendo el ejemplo anterior te das cuenta de que para enviar al lead a las diferentes fases tú debes hacer un trabajo previo (preparación de material, envío de artículos, ofertas...).

¿Y si dejases todo esto automatizado?

De este modo, cuando alguien entre en tu página web y se suscriba para descargar un Lead Magnet entrará automáticamente en tu estrategia y los emails (vídeos, ofertas...) le irán llegando sin que tú tengas que hacer nada.

Sin embargo, hay un área de tu empresa que nunca te recomendaría automatizar.

El servicio de Atención al Cliente es el corazón de tu empresa y siempre debes estar al pie del cañón dando soporte a tus suscriptores.

Ahora que has leído todo el artículo puede que te invadan las dudas de si debes comenzar o no a automatizar tu negocio.

Mi respuesta es SÍ, casi todos los modelos de negocios tienen fases que puedes programar y te ahorrarás una gran cantidad de tiempo haciéndolo.

No esperes a tener un negocio fructífero que cuente con un gran equipo y esté presente en 7 países.

Cuanto antes comiences a poner en práctica estas estrategias, antes te acostumbrarás a ellas y mejor será tu crecimiento.

Créeme cuando te digo que ojalá me hubieran enseñado a automatizar mis procesos cuando comencé.

Hoy en día tengo muchas partes del negocio funcionando sin estar yo pendiente de ellas, pero, el crecimiento de verdad viene cuando te das cuenta de que un negocio que depende 100% de ti no es rentable.

Imagina que te vas de vacaciones dos meses (porque a ti te gustan las vacaciones largas), ¿tu negocio podría seguir funcionando?

¿Seguirías obteniendo ingresos? Lo más seguro es que tu respuesta sea que no.

Espero que, aunque el tema es muy denso y muy completo, este artículo haya despertado en ti las ganas de automatizar :)

 

Actualizar plugins y temas de WordPress no hará que explote

$
0
0

Actualizar plugins y temas de WordPress


Ayer hablaba con una persona por DM en Twitter que me contaba sus problemas con las actualizaciones de un CMS y los dolores de cabeza que representaba para ella este infernal mundo de mantener los sitios web siempre al día y estables.

No te voy a esconder que mantener plugins y temas de WordPress al día es muy importante, tanto como mantener el núcleo siempre actualizado a la versión estable. Actualizar plugins y temas de WordPress no hará que tu web salte por los aires. Mantener estable tu instalación debería ser una de tus máximas en el trabajo de blogger o gestionando un sitio de comercio electrónico con WordPress.

La conclusión de la conversación fue la que ya te imaginas ¡verdad! pues eso, posponer las actualizaciones para otro día cuando tengas más tiempo, que será una de esas tareas a procrastinar en bucle indefinido en el tiempo y tu web acabará muriendo de vergüenza por seguir anclada en el pasado.

No será responsive, no tendrá las últimas mejoras aplicadas al Personalizador, ni podrá hacer uso de las actualizaciones simplificadas y un buen montón de funciones mejoradas o nuevas que cada versión que aterriza en el dashboard trae consigo.


¿Cómo verificar si tu instalación de WordPress permite actualizaciones automáticas?

Es posible que en algún momento las hayas deshabilitado, por desconocimiento o simplemente porque quieres tener detalle de todo lo que se actualiza en tu instalación y así poder llevar un control de cambios y cómo estos afectan a tu tema o a otros plugins instalados, de forma que evites conflictos tras actualizar.

WordPress.org desarrolló hace ya tiempo un plugin que permite verificar rápidamente si tu web se comunica bien con el servicio de actualizaciones de forma que cuando se liberan nuevas versiones menores del núcleo, puedas recibirlas y que se apliquen sin tu intervención.

El plugin se llama Background Update Tester y aunque lleva 2 años sin actualizarse, parece que hasta la fecha no presenta vulnerabilidades que obliguen a actualizarlo.

 
Background Update Tester
 

De todas formas se trata de un plugin de uso bajo demanda, es decir, lo instalas, compruebas que tu instalación si puede recibir actualizaciones y si todo está correcto puedes deshabilitarlo o directamente desinstalarlo, su misión acabó justo después de informarte.

Una vez instalado y activado lo encontrarás en el dashboard, en el menú lateral izquierdo como Update Tester.

Clic en el título del plugin y esperar que se hagan las verificaciones de auto actualización de WordPress (sólo el núcleo) sin tu intervención.

¡Ojo! el plugin no va a actualizar nada, solo verificará si cuando llegue el caso en que haya alguna actualización disponible, tu web tiene capacidad de hacerla ella solita, mientras tu usas tu tiempo para cosas más divertidas.

Los resultados son visibles de inmediato.


Resultados de Background Update Tester

 

Si la prueba dio positiva ya sabrás que cuando WordPress.org libere nuevas versiones menores del núcleo, sean de seguridad o de mantenimiento, tu instalación las aplicará de forma automática y desatendida.

Si por el contrario apareció algún aviso de error en rojo, tendrás que revisar cual es la causa. Un plugin de Firewall restrictivo, un Firewall del servidor muy restrictivo, bloqueo de las actualizaciones en tu archivo wp-config u otras posibles causas que tendrás que revisar y corregir si quieres recibir actualizaciones automáticas del núcleo.


¿Tienes miedo a romperlo todo, a que WordPress explote por actualizar? ...pues siento decirte que WordPress ¡no explota!, no se rompe ni sale corriendo cuando lo actualizas.

Simplemente haciendo las cosas bien, los resultados serán los esperados y no tendrás porque llevarte las manos a la cabeza.

  1. Haz copia de seguridad ¡siempre! si o si, antes de actualizar cualquier cosa.
  2. Haz una copia de seguridad ...ah! que eso ya lo he dicho, jeje, pues insisto ¡hazla!
  3. Desactiva cualquier plugin de seguridad que uses: Wordfence, iThemes Security, etc.
  4. ¿Ocultas el acceso a wp-admin? pues desactívalo, que por una rato no va a pasar nada.
  5. Lee "Ver detalles de la versión X.x.x" antes de actualizarla, averigua qué novedades o mejoras trae esa actualización.
  6. Comprueba si tu tema o plugin soporta la actualización (se tarda 2 minutos en verificarlo en la web del plugin/tema).
  7. No actualices de forma masiva ¿estás con prisas?, es mejor de uno en uno y verificando resultados y comportamiento.
 
Tu web es tu lugar de trabajo en la mayoría de casos, posiblemente sea la entrada de dinero que te sostiene y en todo caso es un lugar importante para ti, tomar precauciones y hacer las cosas de forma pausada y analizando antes y después de cada acción, al primero que beneficia es a ti y luego a tus clientes, lectores o visitantes.
 

Ya habrás leído seguramente por ahí, quizás en el Codex, que añadiendo unos filtros en el archivo wp-config.php como estos:

 
add_filter( 'auto_update_plugin', '__return_true' );
add_filter( 'auto_update_theme', '__return_true' );
add_filter( 'auto_update_translation', '__return_false' );
 

Te puedes ir a dormir tranquilo, que los temas y plugins se actualizarán por ti ¡o no!

Seguramente los añadas y/o provoques un error 500 y dejes el dashboard más blanco que la pared de cal blanca en la que se apoya por las tardes mi querido amigo Manuel (no, no, el de la canción es otro Manuel) :D

Pues así de blanca se quedará tu instalación si añades filtros sin tener control de lo que hacen, como y donde.

Mira que soy de la vieja escuela y me gusta ver las cosas pasar, saber donde y de qué forma suceden, por aquello de meterle mano si empieza a salir humo, que ya se sabe, empezamos metiendo códigos al tuntún y acabamos prendiéndole fuego al WordPress ...perdón, me acordé de mi amiga, la de Twitter y sus problemas con los upgrades jajajaja!

...ufff se nota que estoy contento, porque cuando empiezo así se me va mucho la pinza y acabo contándote cómo me cargué el posicionamiento de mi web por trastear demasiado con "algunos plugins insanos" :P ..pero eso te lo cuento otro dia.

Venga va, pongámonos serios, dejemos los filtros para los mayores y nosotros mejor sigamos usando plugins que al menos nos dan la sensación de que todo es más seguro y el daño está contenido ¿que cosas peores podrían pasar?


¿Quieres tener un control pormenorizado de lo que se puede actualizar?

Te diría que el mejor filtro de lo que se puede o no se puede, y lo que se debe actualizar eres tu y tu sentido común, pero previniendo que me salgas con alguna perla, prefiero revelarte que existen plugins para esto también jejeje, así todos contentos.

Tampoco se trata de hinchar de plugins la instalación, pero si administras muchos sitios, no tienes mucho tiempo para llevar un control de cambios y tener siempre previsto un sistema de respuesta a incidencias, lo mejor es que dejes automatizado en tu instalación (o todas las que administres) el que pueden y no pueden actualizar cada una de ellas automáticamente.

Eso sí, si haces esto, no estaría de más que instales un plugin de control de cambios que te permita al menos tener un registro de lo que ha sucedido en el dashboard en tu ausencia ¡no digas que no te avise!

El plugin Advanced Automatic Updates te dará poderes extra para que puedas decidir algunos aspectos de esas actualizaciones desatendidas.

 
Advanced Automatic Updates
 

Lo instalas y activas, como de costumbre y lo siguiente es que vayas a buscarlo al apartado de Ajustes, Advanced Automatic Updates y actives aquello que a tu juicio es necesario para tu instalación.


Resultados de Background Update Tester

Recuerda que desde la versión 3.7 de WordPress, las actualizaciones menores del núcleo, si no las desactivaste, se realizan ellas solitas por lo que no es requerida tu intervención.


Ya actualizado

 

Los plugins y temas no están contemplados en este proceso de actualización automática y salvo que uses el citado plugin, tendrás que hacerlas a mano ¡cuando te acuerdes o tengas tiempo!.


¿Que no te convence este plugin, pues no pasa nada, que no será por plugin ¡vamos digo yo! hay tantos como días tiene el año ...y más, es solo analizarlos primero, ver si aumentan la carga de tu sitio, si no entran en conflicto con otros ya instalados y en uso y si te convencen "úsalos" que para eso están.

A mi personalmente me gusta WP Updates Settings, que es divertido, se actualizó hace poquito y tiene muchas opciones para hacer uso de ellas.

 
WP Updates Settings
 

Una vez que lo actives, tras instalarlo, tienes que configurarlo en Ajustes, Updates para que tenga el comportamiento que tu quieres frente a actualizaciones.


Configuración de WP Updates Settings

 

¿Qué puedes hacer con este plugin?

  • Mostrar/ocultar la notificación de actualizaciones en el dashboard.
  • Utilizar los comportamientos por defecto de WordPress frente a actualizaciones.
  • Activar/desactivar las funciones de actualizaciones a los usuarios del dashboard (Admins).
  • Actualizaciones automáticas en segundo plano mayores del núcleo.
  • Actualizaciones automáticas en segundo plano menores del núcleo.
  • Actualizaciones automáticas en segundo plano de plugins.
  • Actualizaciones automáticas en segundo plano de temas.
  • Actualizaciones automáticas en segundo plano de traducciones.
  • Notificación por email de actualizaciones.
  • Desactivar restaurar el comportamiento por defecto de WordPress.
  • Desinstalar restaurar el comportamiento por defecto de WordPress.

Evalúalo y decide si lo necesitas, si te consideras un olvidadizo de las actualizaciones que postergan este tipo de tareas, o si por el contrario eres un crack de los updates y te sobras para hacerlo tu solito sin ayuda de plugins.

Si trabajas con Multisitios creados en WordPress haz primero una prueba desde una sandbox.

¿Que no quieres que el núcleo de WordPress se actualice sin tu permiso?

Pues será suficiente con que edites desde tu Panel de Hosting (cPanel), Archivos, Administrador de Archivos, el fichero wp-config.php y añadas la siguiente constante:

 
define('AUTOMATIC_UPDATER_DISABLED', true);
 

Y a correr, a partir de que guardes los cambios de este archivo, las siguientes actualizaciones menores serán anunciadas en el dashboard, pero no se harán si no intervienes directamente en el proceso.


Gracias a María José, Sysadmin en Webempresa, sin su feedback habría sido menos divertido escribir este artículo para que tomes conciencia de lo importante que es actualizar el núcleo de WordPress ...y también los temas y plugins ¡claro!

No está más seguro quien más firewalls, antivirus y honeypots pone en su instalación de WordPress, sino quien mantiene núcleo, temas y plugins al día y hace las cosas de forma programada y atendiendo a las necesidades de su web.
   

¿Como averiguar que CMS, plantilla y plugins utiliza una web?

$
0
0

como averiguar si una web es WordPress


Cuando se va a empezar a crear un sitio web, generalmente se navega por Internet y se encuentran sitios que nos gustan, y queremos hacer algo similar y no sabemos qué tecnología están utilizando.

Para saber que CMS (WordPress, Joomla!, Drupal, Prestashop, etc) y que plantillas, plugins está utilizando un sitio web, hay varias herramientas que nos pueden ayudar mediante un análisis de la página que se desea investigar.

Al buscar en Internet información sobre determinadas webs quieres saber el CMS que es el utilizado para construir la web, como saber que plantilla usa una web porque posiblemente llamó tu atención y te gustaría diseñar una de similar estructura.

¿Qué es CMS?

Lo primero que posiblemente te preguntes es que es cms, y la respuesta habitual y más rápida es que se trata de un gestor de contenidos dinámico que permite crear y administrar sitios web realizados con el cms wordpress, cms prestashop, cms joomla u otros cms habituales para diseñar webs.

Un detector de CMS puede permitirte saber que tema de wordpress tiene una pagina, con que esta hecha una web y obtener detalles que puedan servirte como referencia en tu búsqueda.

No se trata de realizar Spying o Sniffing, sino un proceso bastante común que es el Benchmarking: http://es.wikipedia.org/wiki/Benchmarking

1. Built With

Built With es una herramienta online bastante completa, puesto que revela mucha información de un sitio web: tecnología del servidor, proveedor de hosting, CMS utilizado, librerías de JavaScript, herramientas de analítica, codificación, etc.

http://builtwith.com/



2. W3Techs

Similar a Built With, ya que tiene aspectos comunes a las herramientas anteriores, se puede utilizar para comparar resultados, y obtener algún dato más que la herramienta anterior no ofrece.

http://w3techs.com/sites



optimizar imagenes gratis

3. WhatCms.org

WhatCms.org es una herramienta online que nos revela únicamente que CMS (gestor de contenidos) puede estar usando un sitio web. Únicamente nos indicará si el sitio web utiliza Joomla!, Drupal, WordPress, etc.

http://whatcms.org/



4. CMS Detector

Similar a la herramienta WhatCms.org en un principio solo te muestra el CMS que utiliza una web, pero se puede pulsar en "Click here to fully analyze ...” y entonces presentará un informe con una información general sobre el sitio web, el ranking, páginas que tiene indexadas, redes sociales, etc.

http://onlinewebtool.com/cmsdetector.php



5. Guess

Al igual que la herramienta CMS Detector no muestra mucha información al principio, pero indica en qué porcentaje cree que utiliza tal tecnología. Para vera un informe más completo hay que pulsar en “Fetch additional headers and other information for this url”. Puede ser útil utilizar Guess también para comparar los resultados con las herramientas anteriores.

http://guess.scritch.org/



6. WordPress Theme Detector

WordPress Theme Detector es una herramienta online que analiza una web realizada con el CMS WordPress, ofrece datos como nombre de la plantilla (theme), página oficial de la plantilla, versión, licencia, autores, etc… y los plugins utilizados

http://www.wpthemedetector.com/



7. What WordPress is theme that?

Es una herramienta online similar a la anterior, pero al igual que hemos recomendado en otras herramientas, es importante comparar, porque podemos obtener datos algo distintos.

http://whatwpthemeisthat.com/

Mientras las herramientas anteriores, son online, las dos siguientes se tienen que instalar en el navegador.



8. Chrome Sniffer

Extensión del navegador Google Chrome que muestra las herramientas que utiliza una página. https://chrome.google.com/webstore/detail/chrome-sniffer/homgcnaoacgigpkkljjjekpignblkeae



9. Wappalyzer

Similar a la extensión para Google Chrome pero es para el navegador Mozilla Firefox https://addons.mozilla.org/es/firefox/addon/wappalyzer/ aunque tambien está disponible para Chrome https://chrome.google.com/webstore/detail/wappalyzer/gppongmhjkpfnbhagpmjfkannfbllamg

Estas dos últimas extensiones son menos completas que algunas de las herramientas online, pero puede ser de vuestro interés el tener instalada alguna de ellas.


Vídeo sobre ¿Como averiguar que CMS, plantilla y plugins utiliza una web?:




¿Cómo averiguar el tema en uso en webs WordPress?

Como ya has visto a lo largo del artículo, hay bastantes herramientas online que te permiten analizar un sitio web, de forma no agresiva o ilegal para saber de qué gestor de contenidos se trata, que tema utiliza determinado sitio web, quien es el creador del tema, que versión del tema tiene instalada y además otros datos como los plugins instalados.


Herramientas citadas para detectar Temas:

  • Built With
  • W3Techs
  • WhatCms.org
  • CMS Detector
  • Guess
  • WordPress Theme Detector
  • What WordPress is theme that, ahora WordPress Theme Search
  • Chrome Sniffer
  • Wappalyzer

Herramientas para detectar CMS:


No obstante la opción Ver código fuente de la página de cualquier navegador es una herramienta muy eficaz para detectar no solo el CMS con el que determinados sitios web están creados, sino otras informaciones como pueden ser el tema o plantilla en uso.


Ver código fuente de la página

Adicionalmente existe plugins o addons para diferentes navegadores como Firefox o Chrome que también permiten averiguar rápidamente el tipo de gestor de contenidos dinámico que usa la web que estés visitando, algunos de ellos pudiendo aportar otras informaciones adicionales útiles.


Esperamos que este artículo te sea útil para investigar, y de esa forma escoger el CMS adecuado y otras herramientas con las que desarrollar tu sitio web.


Viewing all 1649 articles
Browse latest View live