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

Primeros pasos para crear un blog con WordPress

$
0
0

Crear un blog con WordPress Hoy te traigo una serie de tres post para que puedas dar los primeros pasos para crear un blog en WordPress. Esta serie la he titulado crear un blog en WordPress explicado para novatos y espero que puedas aprovecharla para comenzar a crear tu blog desde cero.

Dando los primeros pasos para crear un blog

Primero te quiero contar por qué deberías elegir WordPress si quieres crear un blog, te voy a dar algunos tips para elegir un buen nombre para tu dominio y por último te contaré cómo instalar tu blog WordPress en 5 minutos con los pack de Webempresa.

Entonces ya basta de presentaciones y preámbulos vamos al grano.

¿Por qué elegir WordPress?

¿Sabías que WordPress es totalmente gratuito? Detrás de WordPress existe una comunidad enorme donde existe mucha gente desarrollando sitios en WordPress, diseños de plantillas y sobretodo mucha información y soporte disponible que te va a hacer la vida mucha más fácil.

WordPress es gratuito

Instalar WordPress no cuesta nada, lo descargas y lo instalas. Cómo ya te conté existe una gran comunidad que diseña plantillas y hace desarrollo de sitios web.

Esto hace que sea fácil tener listo tu blog muy rápido y pagar muy poco o nada por tenerlo, simplemente lo descargas y lo instalas. Vas a precisar tener un hosting y un dominio, pero de eso te voy a hablar más adelante.

Ideal para principiantes

Si sabes cómo utilizar un procesador de texto, seguro sabrás cómo poner tu propio contenido en tu blog.

Si bien WordPress tiene una pequeña curva de aprendizaje, una vez que sabes lo básico en muy sencillo de usar y se te va a complicar muy poco.

Tienes plugins disponibles

Los "plugins" son pequeñas aplicaciones que podemos agregar a WordPress que nos ayudan a agregar funcionalidades a tu web.

Con los plugins podrás añadir formularios de contacto, cajas de suscripción a tu lista de correo, iconos para compartir en redes sociales, crear plataformas privadas, crear backups de tu blog y muchas cosas más que lo hacen que todo sea bastante simple y que tu blog sea más potente.

El tamaño no importa

No importa si eres pequeño o un grande, muchos lo usan y sirve. Desde un blogger que recién comienza a grandes sitios web utilizan WordPress para crear algunas páginas, es muy versátil y puedes utilizarlo para diferentes funciones, podemos decir que WordPress va con todo.

Diseño Web adaptable

Puedes crear un diseño web adaptable. Puedes construir una página web adaptable que se pueda ver en móviles, tablets y cualquier otro dispositivo, hoy en día si no tienes un diseño web adaptable digamos que estás fuera del juego.

Comunidad

Existe una gran comunidad. Al tener tantas personas que usan la plataforma, es fácil encontrar ayuda cuando la necesitas, además gran cantidad información disponible gratuita y foros para aprender a usar WordPress.

Para que tengas una noción de la magnitud de WordPress, vamos a las estadísticas. Alrededor de un 25% de todos los sitios web están construidos con WordPress, así que si eres un principiante es mejor opción y si no lo eres también.

Ahora si ya te has decidido por WordPress te voy a contar cómo elegir un dominio y contratar un hosting para instalar tu blog.

Cómo elegir un buen nombre para tu dominio

Elegir un buen nombre de dominio para tu blog es clave si realmente quieres tener un blog que marque la diferencia desde el principio.

La elección de un buen nombre puede llegar aumentar las visitantes a tu blog si has elegido una buena palabra clave y está bien relacionado con tu negocio.

Habiendo tantos blogs dando vueltas por ahí, es necesario que seas creativo para encontrar un nombre de dominio que no esté tomado y que sea original.

Existen algunas cosas que deberíamos tener en cuenta al elegir el nombre de dominio:

Lo esencial

Comencemos por lo esencial que tenemos que tener en cuenta, un nombre de dominio ideal debería ser corto (ideal no más de 25 caracteres), pegadizo y memorable. También piensa que debe ser fácil de pronunciar y deletrear, por ejemplo deberíamos evitar nombres con “ñ”, números, guiones, etc.

Diferenciate

Cuando vamos a comprar dominio, tendríamos que evitar que sea similar a los nombres del dominio de la competencia y asegurarte de no estar violando la marcas registradas. En fin es mejor diferenciarse y que no se confunda con la competencia tu nombre de dominio.

Los punto com

Los dominios ".com" son los más populares y a veces puede ser difícil de encontrar uno que esté disponible. En la mayoría de los casos, es conveniente que sea ".com", sin embargo si estás pensando en vender en un país específico podrías llegar a pensar en un dominio específico para ese país, tales como ".es" para España o “.mx” para México o “.ar” para Argentina.

Visibilidad vs. Marca

¿Cuál es tu estrategia? Si solo vas a depender de tráfico del amigo Google. Entonces deberías utilizar palabras claves y frases que se relacionen con tu negocio, como por ejemplo AdiestrarPerros.com que son palabras que la gente podría buscar esto aumenta el ranking en las búsquedas orgánicas.

Ahora en cambio si tu enfoque está solo en enviar tráfico pago con tus anuncios y campañas que hagas no te va a importar mucho eso, podrías colocar una marca un nombre que la gente recuerde fácilmente y hacerlo viral. Por ejemplo “Amazon.com” no tiene relación con nada de lo que vende pero la gente sabe de que se trata.

Sé creativo

La mayoría de los dominios de una sola palabra están ocupados y es posible que tengas que pensar y buscarle la vuelta para llegar a un dominio que te guste. Trata de componer dos palabras, usa una frase, mezcla las partes de dos palabras juntas, retoca una palabra, coloca un prefijo o un sufijo a una palabra o directamente inventa un nombre original.

Instalar un pack WordPress con Webempresa

Ya estás convencido de que vas a usar WordPress, tienes el nombre del dominio para tu blog, ahora necesitas instalar WordPress en el hosting para comenzar a crear tu blog. Con Webempresa tienes la posibilidad de instalar en menos de 5 minutos tu blog en WordPress instalando el pack que tienes en cPanel.

A continuación te cuento como hacerlo:

En primer lugar tienes que entrar en cPanel para poder instalar el pack WordPress en el hosting de Webempresa.

Tienes un email de bienvenida de dónde tendrás el link para acceder a cPanel con tu usuario y contraseña.

Primeros pasos para crear un blog con WordPress

Haciendo click en ese link te va a enviar a una pantalla como esta en dónde vas tener que escribir tu usuario y contraseña:

Iniciar sesión cPanel

Una vez que estés dentro de cPanel deberás buscar packs de Webempresa en la sección Software y Servicios.

Packs de Webempresa

Aqui te van a aparecer todos packs que Webempresa tiene disponibles para instalar en tu hosting.

Como queremos instalar WordPress, vamos elegir el pack WordPress como muestra en la siguiente pantalla.

Pack WordPress

Una vez en la pantalla del pack WordPress elegimos directamente a instalar esta aplicación.

Instalar Pack WordPress

Ahora llegó el momento de la instalación, aquí necesitas ingresar el nombre de tu dominio.

Si lo has contratado con Webempresa ya lo tendrás disponible apuntando a la DNS de Webempresa. En el caso que lo hayas contratado externamente o ya tenías uno asegúrate de que tu dominio apunte a la DNS de Webempresa.

En el mismo email que te mencioné antes Manual de Aterrizaje de Webempresa para entrar a cPanel podrás encontrar los datos de la DNS.

Entonces en la siguiente pantalla una vez que ingresas el dominio luego el resto lo dejas como viene por defecto.

En caso de la ruta no colocamos nada y quedará en public_html que es lo que queremos.

Luego la versión siempre recomiendo que sea la última y el idioma el que tú quieras.

Instalar Blog WordPress

En la configuración pondremos todos los datos para poder ingresar a tu escritorio de WordPress una vez instalado.

Como verás en la siguiente pantalla, te pedirá nombre de usuario, contraseña, tu email y el nombre del sitio.

Pasos para crear un blog con WordPress

Una vez completado todo ya podrás darle a botón de instalar y listo tendrás WordPress instalado.

Crear un blog con WordPress

Ya has dado un paso muy importante tienes instalado tu blog./p>

En el próximo capítulo te voy a hablar de las plantillas para WordPress y que plugins deberías instalar si o sí dos cosas muy importantes para crear un blog que importe y puedas crear un negocio con él.




Contacto en WordPress ¡información siempre visible!

$
0
0

Contacto en WordPressSi quieres que los datos de contacto de tu empresa o tienda estén visibles y accesibles desde cualquier dispositivo tienes que leer este artículo donde te explico como tener datos de contacto en WordPress siempre visibles y con comportamiento 'responsive'.

Hace ya un tiempo que los temas de WordPress comenzaron a darle importancia a los datos de contacto y de redes sociales y diseñaron temas con formatos que destacan de alguna manera estos elementos, que casi siempre acaban ocupando la parte superior del sitio web.

Es cierto que las redes sociales hay muchas formas de mostrarlas para que se vean pero no perturben la navegación, pero cuando las prisas apremian, los conocimientos son un poco más ajustados, necesitamos de soluciones rápidas, que funcionen y que además sean elegantes.

Una cabecera de un sitio web WordPress sin ninguna funcionalidad de contacto adicional añadida luce más o menos así (naturalmente dependerá del tema utilizado).


Antes de instalar el plugin de la barra de información de contacto


El plugin

Vamos a darle uso al plugin Speed Contact Bar y convertir cualquier tema de WordPress que no disponga de este elemento de información de contacto, redes sociales y demás, de forma que luzca una barra que destaque por encima de otros elementos y permita que los datos estén siempre visibles.

Speed Contact Bar

Un plugin con una configuración bastante permisible para tener niveles de personalización altos, y con una simplicidad de uso pasmosa ¿no te lo crees?

Prácticamente toda la barra es personalizable:

  • Color de fondo opaco con un color hexadecimal establecido.
  • Color de fondo transparente.
  • Activar solo los iconos de redes sociales necesarios.
  • Establecer el tamaño de los iconos de redes sociales.
  • Color claro u oscuro para los iconos de redes sociales.
  • Apertura en la misma página o en página nueva de los enlaces.
  • Activar/desactivar sombra superior o inferior de la barra de direcciones.
  • Colocar la barra fija en la parte superior o inferior de la página.
  • Barra oculta al hacer scroll.
  • Oculta toda la barra a partir de determinado ancho de pantalla.
  • Altura de la barra en pixeles.
  • Margen vertical y horizontal de los contenidos de la barra.
  • Habilitar una línea de noticias estilo teletipo.
  • Establecer etiqueta HTML (H1, etc.) para teletipo.
  • Ocultar textos teletipo den pantallas pequeñas (móviles de pantalla pequeña).
  • Alineación del texto del teletipo.
  • Tamaño de la fuente del texto del teletipo.
  • Color del texto y del enlace del texto del teletipo.

El diseño de la barra de contacto y redes sociales es "responsive" y por lo tanto está adaptado para comportarse de forma correcta en teléfonos móviles y tablets.

Los iconos de redes sociales solo se muestran si añades la url de la red social que corresponda, de esa forma solo se activan los que realmente necesitas.


Vista de la barra en dispositivos móviles o tablets en vertical

Vista de la barra en dispositivos móviles o tablets en vertical.

Redes Sociales soportadas:

  • Facebook
  • Flickr
  • Google Plus
  • IMDb
  • Instagram
  • LinkedIn
  • Pinterest
  • SlideShare
  • SoundCloud
  • Tumblr
  • Twitter
  • Vimeo
  • Xing
  • Yelp
  • Youtube

Datos de contacto configurables:

  • Número de Teléfono (fijo)
  • Número de teléfono (móvil)
  • Dirección de correo electrónico.

Información adicional que puedes activar:

  • Línea de noticias (teletipo) con enlace en pestaña nueva.

El correo electrónico, al hacer clic sobre él, abrirá el cliente de correo en el escritorio del usuario o en su dispositivo móvil, listo para que se redacte el contenido y se envíe en pocos segundos/minutos.

Desde dispositivos móviles y tablets (con 3G/4G) al hacer clic sobre ellos, se accede directamente a la funcionalidad de llamada del dispositivo listo para establecer una llamada.

Instalado y configurado el plugin según tus necesidades, ahora tu página podría lucir más o menos así con este plugin, ya sea arriba o abajo la barra, según cómo la hayas configurado.


Después de instalar el plugin de la barra de información de contacto

Si ya tenias otra barra (posiblemente un widget) que mostraba información similar o más reducida, es hora de deshabilitarlo y pasar a utilizar Speed Contact Bar.


Para los que no tienen tiempo de estar lidiando con plugins de mayor calado, o creando widgets personalizados que se visualicen en determinada área del tema, este plugin ofrece una solución rápida y muy versátil para mostrar datos de contacto y de redes sociales.

Hablemos de plugins y plantillas para WordPress

$
0
0

Plantillas para WordPressEste post pertenece a la serie crear un blog en WordPress explicado para novatos en el post anterior te hable de cómo dar los primeros pasos para crear un blog, ahora llegó el momento de hablar de las plantillas y los plugins, lo mínimo que necesitas saber para poder elegir una plantilla y poder instalar y elegir los plugins esenciales.

¿Qué plantillas me conviene elegir?

Ahora que ya tienes tu blog montado seguro estarás decidiendo qué plantilla instalar para que tu blog se vea bonito. Es probable que hayas querido elegir alguna pero te ha costado elegir una de entre los miles de temas de WordPress que existen en el mercado ya sean gratuitos o de pago. Por eso aquí quiero presentarte cuáles son la principales diferencias y qué es lo mejor para tu negocio.

Plantillas Gratuitas

Estas plantillas suelen tener un diseño sencillo y por lo general siguen la misma estructura del tema que tienes por defecto. Por lo que si solo deseas aportar contenidos sin tener una diferenciación, con un tema gratuito sería bueno y se adecuará a tus necesidades.

Con las plantillas para WordPress gratuitas tendrás opciones limitadas para hacer cambios y personalizarlo, es decir en la mayoría de los plantillas gratuitas no podrás cambiar su esquema de colores y estilos para cambiar la apariencia del sitio de forma sencilla.

Plantillas Premium

Estas plantillas tienen opciones más avanzadas de diseño y casi siempre vienen con la posibilidad de configurar los paneles de opciones y suelen ser bastante amigables para hacerlo al menos las cosas básicas.

Es muy común que un tema premium venga ya con algunos diseño configurados de antemano y con varios estilos para que puedas personalizar la apariencia de tu sitio en pocos minutos. Sin duda podrás personalizarlo mucho más para hacer que tu tema sea único con un diseño elegante y de buena calidad.

Obviamente estas características adicionales tienen un costo, es decir no son gratuitas. Puedes encontrar una gran cantidad de plantillas premium para WordPress en ThemeForest, Elegant Themes o en StudioPress creo que son los sitios más confiables donde puedes encontrar temas de calidad.

¿Cuáles son las principales diferencias?

  • Las plantillas para WordPress premium generalmente tienen un mayor tiempo invertido en el diseño en general.

  • Teniendo en cuenta que tienes que pagar por una plantilla, obviamente esperarás que el diseño sea mucho mejor que el de un tema gratuito.

  • Esto no quiere decir que alguno de los temas gratuitos no están bien diseñados, sino simplemente que el diseño de calidad es un requisito para una plantilla premium.

  • Si eres un blogger que quiere mostrar una marca personal que se diferencie y que se identifique con tu negocio, entonces vale la pena que compres una plantilla premium.

  • Un buen diseño es una ventaja que te ayudará a mantener o atraer tus visitantes. No tendrás un diseño igual a los miles de gratuitos que existen, serás único y eso va a ayudarte mucho.

Opciones de configuración de las plantillas

La configuración de las opciones en el escritorio de WordPress es una diferencia importante entre los temas premium y los gratuitos

En casi todos los temas de buena calidad, podrás encontrar un panel para configurar las diferentes opciones del tema de forma sencilla.

Existen cientos de posibles ajustes y dependiendo la plantilla varía mucho. El panel Opciones del tema te hará la vida mucho más fácil y en algunos casos para los que no son expertos con la tecnología y quieras personalizar tu sitio rápidamente, lo puedes hacer sin tocar una línea de código.

Seguridad y soporte

Cuando se utiliza un tema gratuito, tienes que prestar atención a cuándo fue la última actualización y qué soporte tiene esa plantilla, en general recomiendo que utilices alguno de los que ofrece WordPress que en general tienen soporte. Con estos no tendrás problemas de seguridad. Con los temas premium obviamente también tendrás que observarlo pero se supone que si están a la venta es porque brindan soporte.

La mayoría de los mejores temas premium tienen soporte y foros muy activos, la información que te pueden aportar es muy útil. Este apoyo en general está incluido con la compra de la plantilla.

La gran diferencia entre los temas de WordPress gratuitos y de pago creo que es su calidad, originalidad y estilo. Esto va a marcar una diferencia entre ser uno blog más del montón o tener un blog original donde puedas aportar tu marca personal.

¿Cómo instalar un plugin?

En el capítulo anterior te hable de los plugins que son esas aplicaciones que agregamos a WordPress y nos dan diferentes funcionalidades instalándolas en solo un par de clicks.

Por eso ahora voy a contarte cómo instalar un plugin, verás que es muy sencillo:

Los primero que tenemos que hacer es ir a la sección de plugins en escritorio de WordPress y seleccionar la opción añadir nuevo plugin.

Instalar plugin WordPress

Luego nos va a aparecer una pantalla con todos los plugins que tenemos para instalar, en la parte superior derecha tenemos un buscador donde podemos colocar el nombre o palabra clave del plugin que queremos instalar, por ejemplo en este caso he colocado: “seo yoast”

Una vez que pinchamos en buscar aparecerán los plugins relacionados con esa búsqueda y eliges “instalar” para el plugin que quieres instalar como muestra en la siguiente pantalla.

Buscar Plugins WordPress

La próxima pantalla nos dirá si el plugin fue instalado con éxito y ya podrás activarlo y hacer la configuraciones que quieras para ese plugin.

Activar Plugin

Ya con el plugin instalado si vas a la pestaña plugins van a aparecer todos los plugins instalados en este caso vemos que tenemos ahora el plugin Yoast SEO.

Plugin WordPress Instalado

Como habrás visto es un proceso muy sencillo instalar un plugin y esto hace que puedas tener muchas funcionalidades adicionales en tan solo unos clicks.

6 Plugins esenciales que no te pueden faltar al crear tu blog

Ahora que ya sabes instalar un plugin, te voy a contar cuales son los plugins esenciales que deberías tener desde el momento cero en tu blog.

WordPress SEO by Yoast

Plugin Yoast SEO

Si estás pensando un blog seguro sabrás los que es el SEO. Podríamos decir que todo eso que haces para que google sea tu amigo y te posiciones en la primeras posiciones del buscador. Por eso tienes que saber que es importante para tu sitio tener buen SEO.

Por eso sin duda deberías tener instalado el plugin WordPress SEO by Yoast. Este plugin es la solución para optimizar el SEO más completa que está disponible para WordPress. Por algo tiene más de un millón de descargas. Y lo vas a utilizar para mejorar el SEO on-page es decir todo lo que puedas hacer dentro de tu página entre otras cosas.

Contact Form 7

Plugin Contact Form

Contact Form 7 es uno de los plugins más descargados en el directorio oficial de plugins en WordPress. Es un plugin para crear tus formularios de contacto en WordPress y es de cajón que si tienes un negocio querrás que te contacten e interactuar con tus clientes.

Akismet

Plugin Askimet

Seguro sabes que existen los comentarios SPAM y es muy molesto estar filtrándolos constantemente, eso te quita tiempo para enfocarte en la cosas importantes y si no tomas medidas para combatir el spam en los comentarios, podrías estar horas con eso.

Por eso Akismet es la mejor manera para protegerte de los comentarios no deseados.

Akismet filtra automáticamente los comentarios spam por tí. Si ves en la sección de plugins cuando instalas WordPress, encontrarás Akismet para ser instalado. Este plugin viene por defectos con todas las instalaciones de WordPress. Sólo tienes que activarlo creando una cuenta en su web.

Jetpack

Plugin Jetpack

Jetpack es un plugin muy popular desarrollado por Automattic que tiene un montón de características útiles que facilita la gestión de un sitio de WordPress y hace que todo sea mucho más fácil.

Jetpack tiene más de 30 módulos que puedes agregar para utilizar con WordPress en la que se destacan y puedes comenzar a usar son Publicize para compartir en tus cuentas de redes sociales cuando publicas un post. Con Sharing Buttons puedes agregar botones en el post para que tus lectores puedan compartir tus entradas en las redes sociales, Site Stats para ver las estadísticas de tu sitio directamente en WordPress y otras como Photom, Infinite Scroll, VaultPress, Related Post, etc.

WordFence Security

Plugin WordFence

No creo que te agrade mucho ver tu sitio hackeado. Por eso la idea de proteger el sitio en que tanto has trabajado es muy buena y con este plugin lo puedes hacer muy fácil.

Existe una gran cantidad de plugins para proteger tu blog, pero creo que WordFence Security es una de las mejores opciones. Tiene una lista de características interminable para detener a todo eso que quiera entrar en tu sitio. Es importante que lo mantengas actualizado que te ayude a proteger contra nuevas amenazas que puedas tener.

Updraft Plus

Plugin Updraft Plus

Este es otro de los plugins que debes tener en tu blog, siempre te puede ocurrir que te hayas borrado algo sin querer o modificado algo y no tienes una copia de seguridad. Este plugin te permite realizar copias de seguridad de tu blog por completo. Y lo puedes almacenar en tu ordenador o mismo en la nube como por ejemplo en tu cuenta de Dropbox.

Este plugin te permite crear copias de seguridad programadas y almacenarlos donde tú elijas. Existe también una versión de pago con características y complementos adicionales, pero ya con la versión gratuita para empezar alcanza y sobra.

Lo importante es avanzar

Bueno creo que ya has avanzado un paso más en esta serie cómo crear un blog explicado para novatos, ahora nos queda ponerle contenido a tu blog para darle vida realmente y comiences a conectar con tus lectores.

Por eso en la próxima entrega tendrás las bases para que puedas sobrevivir en WordPress y no mueras en el intento.




Pack WordPress Intuition, configuraciones versión 1.3

$
0
0
icono pack wordpress intuition

En esta nueva versión del Theme WordPress Intuition se han mejorado algunas características para facilitar la configuración, algunas de las cuales son : funcionalidad integrada del slide y portafolio, así como bloques de características. Esto ya lo habíamos tratado en un artículo anterior , sin embargo en este artículo veremos la nueva forma de configurar este theme.

El theme WordPress Intuition es un theme gratuito que se puede descargar desde el siguiente enlace , tener en cuenta que este theme viene como parte de los Packs Webempresa desde donde lo podemos instalar de manera sencilla.

1- Visión general y cambio de logo

El Pack WordPress Intuition tiene una opción de configuración desde Apariencia => Intuition desde la cual podemos acceder rápidamente a todas las opciones de configuración del theme, en el siguiente vídeo se muestra de manera general las principales configuraciones y además el cambio del logo

2- Cambio de menús y slide

El Pack WordPress Intuition tiene tres posiciones de menús, también cuenta con una característica de slide integrado, en este video veremos ambas características

3- Características y portafolio

En la parte media del Pack tenemos el bloque de características y portafolio, así como algunos textos como parte de la página de inicio

4- Configuración páginas y formulario contacto

En algunas páginas se muestra un sidebar como parte de la estructura, en este vídeo veremos algunas configuraciones de páginas así como la opción de configuración del formulario de contacto

Liberado VirtueMart 3.0.14 con soporte para 2Checkout

$
0
0

Liberado VirtueMart 3.0.14 versión de mantenimientoEl equipo de desarrollo de VirtueMart ha liberado VirtueMart 3.0.14, siendo una versión de mantenimiento estable.

El equipo de VirtueMart ha conseguido cerrar un acuerdo de colaboración con la pasarela de pagos 2Checkout para proporcionar soporte a pagos internacionales realizados por los compradores en tiendas que incorporen dicha pasarela. El servicio de pagos mediante 2Checkout está optimizado para dispositivos móviles y proporciona una mayor seguridad y prevención de fraude en los procesos de pago.

La nueva versión de VirtueMart es compatible con Joomla 2.5.28 pero preferentemente está pensada para ser utilizada en Joomla 3.4.8 que es la actual versión estable del CMS.

Con esta nueva versión de VirtueMart tus compradores podrán disfrutar del servicio de pagos con 2Checkout en cuestión de minutos. Una vez que actualices tu tienda de VirtueMart podrás seleccionar 2Checkout como proveedor de pagos y seguir unos sencillos pasos para configurar una solución totalmente integrada. Para obtener más información, visita el sitio oficial de 2Checkout.

Con la confianza de decenas de miles de vendedores en 211 mercados de todo el mundo, 2Checkout ofrece un registro fácil, con atención al cliente de primera categoría. Las empresas y organizaciones pueden aceptar pagos con 8 métodos de pago y en 26 monedas, y establecerse con 25 monedas configuradas.


Mejoras y cambios aplicados en VirtueMart 3.0.14

Ahora con un simple clic puedes cambiar el estado del orden de varios pedidos seleccionados en la lista de pedidos.

Es posible crear enlaces sin nombre de categoría y/o sin campo ID de edición principal producto sufijo de producto en producto de edición, por lo que los productos se pueden unir a patrones.

Múltiples variantes de producto pueden utilizar un botón de radio vez de menús desplegables.

Ahora es compatible con PHP 7.

Esta es una versión muy madura. El núcleo principal ya está trabajando con el nuevo sistema del framework VMF que debería ayudar a escribir un puente para trabajar luego en Wordpress.

El actualizador de tablas ha sido fuertemente mejorado y debe manejar mucho mejor tablas con campos primarios rotas o faltantes (campos con AUTO_INCREMENT).

Cambios más destacados entre las versiones 3.0.12 y 3.0.14:

  • Añadido soporte para la pasarela de pagos 2checkout.
  • El filtro de orden mantiene el estado.
  • Añadió vmConfig::get ( 'vm_num_ratings_show', 3) a la función getReviews.
  • checkFixJoomlaBEMenuEntries mejorado y se trasladaron al núcleo (antes estaba en el paquete AIO).
  • Pequeñas correcciones para Amazon.
  • Corrección para JSON medios para el manejador de medios y el idioma.
  • Añadido limitbox al principio de la lista de la categoría de productos y para la compatibilidad en Joomla 3.
  • Identificadores únicos para campo HTML vmcategories desplegable.
  • Actualización de la pasarela Heidelpay.
  • Actualización de router, funciona ahora sin sufijo de producto.
  • Ajuste de código importante para Avatax.
  • Añadido soporte SSL para el carrito (popup).
  • Caché para evitar cargar dos veces el idioma.
  • Soporte para PHP 7.
  • Filtro de producto en vista de administrador mantiene los valores introducidos.
  • Corregida la carga de idioma en las facturas.
  • Nuevo diseño para el módulo de la categoría.
  • Correcciones para tos.php.
  • Router tiene una nueva opción, para crear enlaces sin CategoryName.
  • URL absolutas para url canónica.
  • Layouts alternativos para los módulos FE.
  • JS validador también para direcciones de envío.
  • Mejora de validación de país / estado combinado mediante javascript.
  • Código mejorado y más robusto para js vmvalidator.
  • Arreglo para el vmuploader.php, si no se admite exif_imagetype.
  • Código de imagen sólo para los visitantes.
  • Añadido que la categoría superior utilice los metadatos del conjunto.
  • Añadida carga de imágenes de producto de factura.
  • OrderDetails son ahora accesibles en order_done.php.
  • ...y otras mejoras.

    Descargas

    VirtueMart 3.0.14

    VirtueMart 3.0.14

    Carrito de compra para Joomla 2.5 y 3.4, asado en el framework de Joomla MCV con todas sus ventajas que requiere PHP 5.4 o versiones superiores.


    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 VirtueMart.

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

    Consulta todos los detalles de la nueva versión en el siguiente enlace para estar informado de los cambios que afectarán a tu tienda.


    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.
  • Moodle 3.0.3, 2.9.5 y 2.8.11, nuevas versiones disponibles

    $
    0
    0

    Moodle 3.0.3, 2.9.5 y 2.8.11Se han puesto a disposición de los usuarios las nuevas versiones de Moodle, concretamente las versiones 3.0.3, 2.9.5 y 2.8.11 respectivamente.

    Además de una serie de correcciones de errores y pequeñas mejoras, en Moodle 3.0.3, 2.9.5 y 2.8.11 se han corregido vulnerabilidades de seguridad descubiertas en anteriores versiones. Mantener tu web de eLearning basada en Moodle actualizada permitirá que sea más segura y tenga un mejor desempeño.

    También se ha liberado la versión 2.7.13, pero hay que tener en cuenta que es una rama que solo recibirá parches de seguridad hasta mayo de 2017 por lo que es recomendado que te plantees actualizar a versiones más estables. Desde versiones 2.6 puedes actualizar a 2.7 o versiones superiores siguiendo este artículo del Blog.

    Como siempre se recomienda realizar una copia de seguridad antes de proceder a actualizar.

    Recuerda que de preferencia la versión estable recomendada para su uso es la 3.0.3, pero encontrarás todavía actualizaciones para versiones soportadas anteriores como la 2.9.5 y solamente actualizaciones de seguridad para la versión 2.8.11 de Moodle.

    Calendario de versiones de Moodle


    Calendario de versiones de Moodle


    Descargas

    Si bien las actualizaciones de Moodle deberías poder realizarlas desde la administrador de tu instalación, si lo deseas puedes descargarlas desde los respectivos enlaces oficiales.


    Lista de cambios (changelog)


    Moodle

    Moodle 3.0.3

    Moodle es una aplicación web de tipo Ambiente Educativo Virtual, un sistema de gestión de cursos, de distribución libre, que ayuda a los educadores a crear comunidades de aprendizaje en línea. Este tipo de plataformas tecnológicas también se conoce como LCMS (Learning Content Management System).

    ¿Necesitas cambiar de Tema en Moodle? consulta este artículo del Blog.

    Exit-Intent en WordPress ¡no te vayas todavía...!

    $
    0
    0

    Exit-intent en WordPressHay una canción que dice "no te vayas todavía, no te vayas por favor, que hasta la guitarra mía llora cuando dice adiós..." ¿te suena? :) ...de eso y de Exit-Intent en WordPress para tu « Marketing de Retención » es de lo que te hablo a continuación, concretamente de su aplicación a enlaces salientes (outbound linking).

    Gracias a la tecnología Exit-Intent es posible ejecutar eventos ante determinadas acciones llevadas a cabo por parte de los usuarios que visitan una página web, concretamente aquellas encaminadas a hacer clic en enlaces salientes, vamos, las que contribuyen más al aumento de rebotes.

    Esta es una de las muchas prácticas del Marketing de Retención que deberías aplicar en tu sitio web si te importan tus visitantes y quieres siempre tener una última oportunidad de ofrecerles contenidos, info-productos u otras informaciones que los retengan y les dejen recuerdos imborrables.

    ¿Este artículo va de Marketing? ..no, va de plugins en WordPress y concretamente del plugin Exit Notifier gratuito, escrito por Curtis V. Schleich, que todo hay que decirlo, que te va a dar un plus de control en tus enlaces salientes con una llamada de acción (CTA) o para potenciar un info-producto por ejemplo.
    Exit-intent en WordPress

    Un plugin que se instala en el mismo tiempo en que ves pasar un avión. Una vez activo, configurarlo es un paseillo por el dashboard para decirle lo que quieres ver.


    Configuración de la pestaña Display

    El contenido de la ventana popup o emergente lo puedes configurar desde la pestaña Content en las configuraciones del plugin.


    Configuración de la pestaña Content

    Las configuraciones de la pestaña Behavior (Comportamiento) las puedes dejar todas marcadas sin problema.

    Una vez configurado es posible que depares que algunas cadenas de texto del plugin en el frontal de tu web se siguen mostrando en Inglés. Sigue leyendo para saber como solucionarlo.

    Traduciendo lo intraducible de Exit Notifier

    Este plugin, al igual que la mayoría de los existentes para WordPress trabaja con archivos .pot para gestionar las traducciones.

    Originalmente incorpora el archivo exit-notifier.pot con las cadenas en Inglés, pero puedes traducir casi la totalidad, concretamente unas 71 cadenas, en la versión 1.2.2 del plugin Exit Notifier.

    Le sucede sin embargo lo que a la mayoría de plugins en los que sus autores incorporan cadenas en archivos javascript y que no son interpretables por plugins de traducción como CodeStyling Localization ¡que no aparecen para ser traducidas!

    ¿Por Qué? sencillamente porque archivos como frontend.js guardan cadenas que se muestran en la ventana modal o popup del plugin Exit Notifier y que si no las traduces se mostrarán únicamente en Inglés.


    Si necesitas traducir estas cadenas del plugin Exit Notifier, que otros plugins como CodeStyling Localization no te permitirán traducir porque son cadenas que no se encuentran en archivos .php, tendrás que hacer lo siguiente:

    1. Realiza una copia de seguridad de tu web.
    2. Accede a tu cPanel, Archivos, Administrador de Archivos (también es posible por FTP).
    3. Navega hasta la carpeta /wp-content/plugins/exit-notifier/assets/js/
    4. Con el Editor de Código edita el archivo frontend.js
    5. En las líneas 14 y 15 encontrarás las cadenas a traducir.
    6. Guarda los cambios tras traducirlas y verifica que ahora se muestra en el idioma deseado.

    Explicado en capturas por si eres de los míos, a los que nos gusta verlo todo en capturas :)


    Cadenas del plugin sin traducir

    Localiza y edita el archivo /wp-content/plugins/exit-notifier/assets/js/frontend.js y traduce aquellas cadenas que por defecto se visualizan en Inglés tras la instalación y personalización del plugin.


    Localización y traducción del archivo

    Una vez hechos los cambios y guardados, personalizado el plugin Exit Notifier y escogido el estilo que lucirá, el resultado será algo parecido a este:


    Resultado con las cadenas traducidas


    Una idea para que vayas probando...

    Texto pre formateado en HTML y con enlaces a Redes Sociales que puedes usar como ejemplo para tu ventana modal o popup Exit-intent y así convertir una salida en una acción (CTA):

    <p>Si te apetece puedes seguirme en las Redes Sociales habituales donde de forma regular comparto contenidos útiles con mis seguidores.</p> 
    
    <p style=&quot;text-align:center&quot;><a class=&quot;topSocial fb&quot; href=&quot;https://www.facebook.com/usuario&quot;><span class=&quot;icon-facebook&quot;> </span></a> <a class=&quot;topSocial twt&quot; href=&quot;https://twitter.com/usuario&quot;><span class=&quot;icon-twitter&quot;> </span></a> <a class=&quot;topSocial lnkdin&quot; href=&quot;http://www.linkedin.com/profile/view?id=usuario&quot;><span class=&quot;icon-linkedin&quot;> </span></a> <a class=&quot;topSocial gplus&quot; href=&quot;https://plus.google.com/u/0/+usuario&quot;><span class=&quot;icon-google-plus&quot;> </span></a> <a class=&quot;topSocial pinterest&quot; href=&quot;https://es.pinterest.com/usuario/&quot;><span class=&quot;icon-pinterest&quot;> </span></a></p> <h2 style=&quot;text-align: center;&quot;><strong>¡ Espero verte pronto !</strong></h2>
    
    <p>Haz clic en el botón verde inferior <strong>“Ir a la URL:&quot;</strong> para salir de este sitio web e ir al sitio externo seleccionado. Si deseas permanecer en esta página haz clic en <strong>&quot;Cancelar&quot;</strong></p>
    

    Nota: Tendrás que adaptar los enlaces de las Redes Sociales para que sean los de tus habituales redes, y por supuesto si lo crees conveniente personalizar el texto.

    También es posible añadir imágenes (usando HTML naturalmente) para darle el aspecto deseado al contenido no al contenedor) del plugin Exit Notifier.


    En el siguiente vídeo te lo cuento todo de forma detallada pero amena, para que veas no solo como se instala y configura sino también su uso y resultado, que al final es de lo que se trata.



    Ya sabes que puedes promocionar productos, campañas, info-productos, etc., de forma llamativa usando tus enlaces salientes y a tus visitantes.


    Tasa de Rebotes

    A partir de ahora si sigues entrando en tu cuenta de Google Analytics y miras que tu tasa de Rebotes es alta, ya sabes que tienes herramientas para explotar mejor el Exit-Intent y convertirlo en un aliado para mejorar las retenciones o al menos darles las gracias por haberte visitado.


    Tasa de Rebotes

    Convierte los abandonos de tus visitas en llamadas a la acción (CTAs) o simples despedidas que dejen huella en tus lectores.

    Pasarela de pago RedSys para WooCommerce

    $
    0
    0

    pasarela pago redsys woocommerceCon el plugin RedSys Gateway for WooCommerce podemos usar pasarelas de pago de bancos españoles con WooCommerce en WordPress. Integración para WooCommerce del sistema de pago por tarjeta Servired / RedSys / Sermepa.

    RedSys a día de hoy es el método más usado por la mayor parte de los bancos, por ejemplo: Banco Santander, BBVA, La Caixa, ING, etc.

    Desde el 23 de noviembre de 2015 el plugin original dejó de ser válido, ya que el cifrado y protocolo con RedSys ha cambiado por completo. Ahora se emplea SHA-256

    Puedes ver y descargar el plugin haciendo clic aquí. El precio del plugin es de 19.99$USD iva incluido.

    ¿Y ahora cómo puedo usar RedSys? desde Codection, la empresa que está detrás de éste y otros desarrollos, queremos ofrecerte la mejor experiencia y funcionalidad añadida. Por ello hemos preparado con mimo y detalle un plugin escrito desde cero, con los requisitos que muchos nos habéis pedido y con un soporte excepcional.

    Luego tenemos que configurar el plugin, para ello tenemos que acceder al escritorio -> Woocommerce -> Ajustes -> Finalizar Compra -> RedSys/Servired


    Configurar pasarela de pago para WooCommerce

    El plugin incorpora un formulario de configuración para sólo tener que introducir los datos que nos ofrezcan desde el banco.

    pasarela pago redsys woocommerce


    El plugin automáticamente marca el pedido como completado si el pago se realiza de forma satisfactoria.

    Cuando realizamos una contratación del servicio del TPV Virtual de Redsys, la entidad bancaria nos proporcionará los datos para el entorno de pruebas.

    Nos facilitarán nuestro código de comercio, clave de encriptación y número de terminal.

    Además, nos deberían facilitar los datos de alguna tarjeta de pruebas para que podamos realizar pruebas de pagos autorizados y rechazados.

    El banco pedirá realizar dos pruebas (Nota: Estos datos de ejemplo pueden variar):
    Realizar al menos una operación Autorizada. Utilizar tarjeta de prueba:
    Número de tarjeta: 4548812049400004
    Caducidad: 12/17
    Código CVV2: 123
    Código CIP: 123456
    Realizar al menos una operación Denegada. Utilizar tarjeta de prueba:
    Número de tarjeta: 1111111111111111
    Caducidad: 12/17
    Clave secreta de encriptación: qwertyasdf0123456789 (En General esta es la clave secreta para pruebas).

    Una vez que hayamos realizado al menos una prueba de pedido con pago autorizado y otra con pago denegado (por ejemplo, si utilizamos un número de tarjeta no válido) deberemos solicitar a nuestro banco el paso al entorno real o entorno de producción.

    Nos deberán enviar nuevos datos, entre ellos la nueva clave de encriptación que deberemos introducir en la configuración de la pasarela de pago de WooCommerce. Además, deberemos desmarcar en la configuración del plugin, utilizar entorno de pruebas.

    Finalmente será conveniente realizar una prueba con un pago real con tarjeta para comprobar que todo funciona correctamente.

    Si queremos, se podrá generar después una devolución del pago desde la administración del TPV Virtual (este acceso nos lo tendrá que facilitar la entidad bancaria).


    En el siguiente video explicamos todos los puntos tratados en este artículo:




    Crea tu primera entrada en WordPress sin morir en el intento

    $
    0
    0

    Cómo crear entrada en WordPressLo que te lo voy a contar en este post es muy práctico y sencillo y te va a servir para que puedas crear tu primera entrada en WordPress fácilmente.

    Este post pertenece a la serie crear un blog en WordPress explicado para novatos.

    Si no has visto los post anteriores de la serie aquí te los dejo:

    Como vimos ya tienes lo mínimo que necesitas en tu blog, hablamos de instalar tu blog, elegir la plantillas e instalar los plugins básicos ahora te falta insertar el contenido, por aquí te voy a explicar como crear un post paso a paso.

    Cómo crear una entrada

    Crear una nueva entrada es muy sencillo, si estás el escritorio de WordPress debes ir al menú de la izquierda en la sección entradas, ahí en esa pantalla debes hacer click en añadir nueva (1) y pasarás a una nueva pantalla en donde ya podrás editar tu nueva entrada.

    En la siguiente imagen (en 2) también he marcado dos opciones más en donde puedes ver todas las entradas y filtrarlas para poder ver: Todas, Publicadas, en Borrador, en la Papelera, etc.

    En este caso podrás ver que el estado Borrador no aparece porque no existe ninguna entrada en borrador.

    Debajo de todo (3) ya tendrás ordenado cada entrada por fecha de publicación con su respectivo autor, categorías, etiquetas y comentarios. El último ítem que aparece SEO pertenece al plugin Yoast de SEO en dónde te evalúa el post respecto a una palabra clave.

    Crear entrada WordPress

    Hemos llegado a la pantalla para que puedas comenzar a editar tu entrada aquí te voy a mostrar en la siguiente pantalla que es lo que tienes que tener en cuenta:

    Editar entrada WordPress

    1- Título

    Buenos este punto es bastante intuitivo, introduce tu título aquí. Te doy un tip, coloca un título con gancho que prometa, que cumpla y venda tu post muy bien.

    2- Cuerpo de la entrada

    Aquí en esta sección tendrás que escribir el contenido mismo de la entrada, verás que existen dos opciones Visual y Texto.

    En la primera Visual verás cómo queda el formato a medida que escribes y WordPress va agregando las etiquetas HTML automáticamente de acuerdo a cómo pongas el formato.

    En la segunda opción de Texto, es sólo es texto plano que ingresas y ahí directamente debes ingresar las etiquetas HTML, un par de párrafos más adelante vamos a ver cómo usar estas etiquetas de las que te hablo.

    3- Publicar

    En esta sección vas a encontrar el estado de publicación de tu entrada.

    Publicar entrada WordPress

    Estado:

    • Borrador
    • Pendiente de revisión (en caso que tengas distintos perfiles de usuarios)
    • Publicado

    Visibilidad:

    • Público
    • Protegido con contraseña
    • Privada

    Publicado en:

    Aquí podrás colocar la fecha de publicación, en dónde podrás Programar la entrada para una fecha futura.

    4- Etiquetas HTML básicas

    Una de las cosas básicas que necesitamos manejar al crear una entrada en WordPress es tener un mínimo conocimiento del editor de entradas, saber colocar imágenes y tener un cocimiento de la etiquetas HTML para que encaje bien visualmente en tu blog.

    Existen 66 etiquetas HTML que puedes usar en tu blog con ​​WordPress, ahora te voy a hablar de las más utilizadas para que puedas manejarte en la creación de tu primer entrada.

    Enlaces

    Los enlaces o link, que dónde hacemos clic. En HTML es denominado anchor text en inglés por eso se identifican con una a los enlaces.

    <a href="http://www.webempresa.com/" title="Descripción"> Texto mostrado </a>
  • El href es la URL del enlace que vamos a apuntar.
  • Title es en la descripción o título que le queremos dar al enlace.
  • Texto mostrado, es lo que veremos en la misma entrada y puede ser una frase, una palabra o una imagen.
  • Negrita y cursiva

    Negrita y cursiva son las formas más comunes para dar énfasis a las palabras o frases.

    Originalmente estos fueron designados cómo b y i . Luego cambiaron para poner más énfasis en el énfasis a strong y em. Ambos hacen lo mismo, pero algunos diseños web reconocen los códigos HTML solamente los últimos.

    En este caso sería así:

    <strong>Este es un ejemplo de negrita</strong> 
    <em>Este es un ejemplo de Cursiva</em>
    
    Este es un ejemplo de negrita
    Este es un ejemplo de Cursiva

    Títulos

    Los títulos y subtítulos de tu entrada, son los que van a dividir en secciones y estructurar tu entrada. Estos encabezados ayudan a dividir el contenido en bloques o secciones y llevan a darle una visual más escaneable a tu entrada.

    Hay seis tipos de etiquetas utilizadas en la mayoría de sitios web, aunque sólo cuatro o cinco se utilizan normalmente en el tema dentro de la entrada.

    De acuerdo con los estándares web, etiquetas de encabezado son h1, h2, h3, h4, h5 y h6 siendo la primera más grande y más pequeñas a medida que el número se hace más grande.

    La mayoría de las entradas del blog de WordPress utilizan h2, h3 y h4.

    La etiqueta h1 está reservada para el título la entrada y rara vez se utiliza en el cuerpo del blog.

    La etiqueta h2 y h3 están destinadas para estructurar el post y darle una forma que se fácil de leer y escanear, teniendo en cuenta que con estas etiquetas podrás trabajar los diferentes títulos y subtítulos.

    La etiqueta h4 podría ser una epígrafe o un título más pequeño.

    Las etiquetas h5 y h6 rara vez se utilizan en la entrada del blog. Muchas veces tu plantilla de WordPress la utiliza en la barra lateral y en el pie de página.

    La forma de utilizar este tag es esta:

    <h2>Escribe aquí tu titulo</h2>

    Listas

    Existen dos tipos de listas en HTML.

    La lista sin orden que es la etiqueta ul que significa "ordered list o lista desordenada", serían la viñetas sin números.

    Y también tenemos la lista ordenada que comienza con ol que significa "ordered list o lista ordenada", lo que sería una lista numerada.

    Cada elemento dentro de estas etiquetas estará conformado con una lista "Lista de ítems" con la etiqueta HTML li.

    Entonces quedaría de la siguiente forma:

    <ul> 
    <li>Juan</li> 
    <li>Pedro</li> 
    <li>Carlos</li> 
    </ul> 
    
    <ol> 
    <li>Juan</li> 
    <li>Pedro</li> 
    <li>Carlos</li> 
    </ol>
    
    • Juan
    • Pedro
    • Carlos
    1. Juan
    2. Pedro
    3. Carlos

    Imagen

    La etiqueta para insertar una imagen es otra de la que es muy usada. Pero raro vez se lo harás a mano escribiendo la etiqueta de WordPress ya que tienes un asistente para cargar imágenes.

    Igualmente te cuento cómo funciona para que cuando cargues una imagen y quiera modificar algo lo puedas hacer y sepas qué significa cada cosa.

    <img title = "Foto de Ejemplo" src = "http://www.webempresa.com/images/webempresa_logo.png" alt = "Ejemplo" width ="350" height = "200"/>
    

    Img es la etiqueta HTML para una imagen.

    El título es reconocido por la mayoría de los navegadores de hoy en día y proporciona un título para la imagen para los buscadores y puede servir como el texto descriptivo de la imagen, pero el alt es el requerido por los estándares web. Por eso es importante que completes el alt que es el que toman los buscadores.

    Width es el ancho y height es el alto de la imagen y en la etiqueta se coloca el valor en pixels.

    Cuando cargas una imagen en la biblioteca multimedia te aseguras que el alt se complete y describas la imagen correctamente.

    Si te olvidas de añadir el alt de la biblioteca multimedia, puedes añadirlo manualmente en el editor de texto con el código de imagen HTML.

    Con esto creo que tienes para entretenerte un rato largo y poder comenzar a publicar tus primeros post.

    Joomla 3.5 ¡novedades y actualización!

    $
    0
    0

    Joomla 3.5El equipo de desarrollo de Joomla! acaba de liberar Joomla 3.5 versión estable, como última versión de la serie 3.x.

    Joomla 3.5 más rápido con PHP 5.7

    Son varias las novedades destacables de esta versión, por ejemplo que ahora Joomla trabaja con PHP 7 para aportar mayor rendimiento al CMS principalmente en velocidad de ejecución de procesos y consultas reduciendo también el uso de memoria hasta un 50% con respecto a PHP 5.6, soportando más visitas recurrentes.

    Resumen de las mejoras más destacadas:

    • Ahora tienes soporte para PHP 7.
    • Puedes recibir las notificaciones de actualizaciones por correo electrónico.
    • Exportar información de sistema y de entorno.
    • Utilizar la tecnología de arrastrar y soltar imágenes (drag&drop).
    • Ahora los datos del sistema estarán anonimizados.
    • Podrás insertar módulos en artículos más fácilmente.

    Línea de tiempo de versiones de Joomla

    Línea de tiempo de versiones de Joomla.


    Aprovecha para dar un repaso a este breve vídeo (en inglés) de presentación de las novedades incorporadas.



    Notificaciones por correo de actualizaciones

    Será más fácil estar informado de las actualizaciones. Joomla 3.5 comprobará si hay nuevas versiones disponibles y cuando encuentre alguna te enviará una notificación por correo electrónico si eres el administrador del sitio (super administrator).

    Descarga la información del sistema

    Cuando necesitas soporte técnico por parte de profesionales de tu Hosting o en Foros de Soporte, lo habitual es que te pidan que proporciones información completa del sistema bajo el que se ejecuta Joomla.

    Ahora toda la información necesaria está a un solo clic de distancia, y no incluye ningún tipo de información sensible.

    Arrastrar y Soltar imágenes

    Nunca antes había sido tan fácil añadir imágenes a tus artículos o módulos. Ahora añadir una imagen es tan sencillo como arrastrarla y soltarla desde tu ordenador directamente dentro del contenido.

    Esto funciona en cualquier sitio en el que estés usando el editor WYSIWYG TinyMCE por defecto.

    Hay muchas e interesantes novedades que solo podrás conocer de verdad cuando empieces a trabajar con Joomla 3.5 en tu sitio web.

    En Joomla 3.5 se ha incorporado 34 funcionalidades, además del soporte a PHP 7, como:

    • Sistema de descarga e información de entorno: ofrece a los usuarios la opción de descargar del sistema/información de entorno con fines de soporte.
    • Posibilidad de añadir un archivo CSS de usuario en la plantilla Protostar: Actualmente no es posible utilizar un archivo custom.css cuando se utiliza la plantilla Protostar. Esta actualización agrega una comprobación para ver si existe el archivo user.css y carga el archivo para permitir personalizaciones del usuario.
    • Añadir enlaces al módulo de usuario en el frontend y backend: se añaden switch al módulo mod_status para mostrar/ocultar los enlaces en el frontend y backend del sitio.
    • Contador de artículos: un conjunto de cambios que permite la presentación visual de los artículos publicados, no publicados y la papelera en el Gestor de Categorías de artículos, banners, contactos y canales de noticias.
    • Categoría de blog y orden de visualización aleatorio: esta actualización responde a una petición del usuario común de añadir una opción de ordenación aleatoria de artículos en la categoría de blog y la lista de la vista por categorías.
    • Añadido Editor de botones a la barra de herramientas: Ahora no tendrás que desplazarse por la página para encontrar los botones de "leer más" o "Insertar imagen". Extensión de botones del editor que solían ser colocados por debajo del área de texto y que ahora se pueden encontrar en la barra de herramientas a la que pertenecen.
    • Insertar módulos fácilmente en los artículos: permite a los usuarios añadir fácilmente un módulo en un artículo con un botón directamente en la barra de herramientas del editor. Los usuarios no necesitan aprender cualquier sintaxis o recordar los detalles del módulo, la interfaz de usuario lo hace por ellos.
    • Arrastrar y soltar imágenes: Añadir imágenes es ahora tan fácil como arrastrar y soltar desde el ordenador directamente en el contenido (drag & drop). Esto funciona en cualquier lugar que use el editor TinyMCE WYSIWYG por defecto.

    ¡novedades y actualización!


    Actualizar a Joomla 3.5 desde Joomla 3.4.8

    La actualización es muy sencilla y se puede realizar desde el backend, siempre previa copia de seguridad, en Componentes, Actualizar Joomla.


    Descargas:


    Requisitos para Joomla 3.5: Consulta los requisitos técnicos para ejecutar Joomla 3.5.0.

    Actualizar a Joomla 3.5 desde Joomla 2.5.28

    1. Verifica si tu versión de Joomla es la 2.5.28 (1).
    2. Haz una lista de las extensiones importantes que tienes instaladas en Joomla 2.5.28
    3. Comprueba en el JED si esas extensiones están disponibles para Joomla 3.4.x
    4. Comprueba en tu Panel de Hosting si la versión de PHP que se ejecuta es 5.4 o superior.
    5. Desde el backend, Extensiones, Gestor de Extensiones verifica si hay actualizaciones disponibles, en caso afirmativo ¡hazlas!.
    6. Realiza una Copia de Seguridad de tu sitio web con Akeeba Backup o XCloner ¡siempre!.
    7. ¿Has realizado anteriormente cambios en archivos de Joomla? ¡toma nota!, es posible que los pierdas.
    8. Comprueba si la plantilla que utilizas es compatible con Joomla 3.5.0 (consulta la web del autor).
    9. Desinstala por completo aquellos componentes que no sean compatibles conesta nueva versión
    10. Ve a Componentes, Actualización de Joomla y en Opciones, Servidor de actualizaciones, comprueba si está en Soporte de corta duración -STS-.
    11. Ahora en Última versión de Joomla! deberá aparecer la nueva versión 3.5.0 disponible para actualizar.
    12. ¿Visualizas la disponibilidad de actualizar a Joomla 3.5.0? ¡actualiza!.
    13. Limpia la caché (si es necesario sal del backend y vuelve a entrar).
    14. Comprueba que tanto el backend como el frontend se visualizan con normalidad.
    ¡Enhorabuena, ya has actualizado a Joomla 3.5.4! desde Joomla 2.5.28, ....disfruta de esta nueva y potente versión.

    (1): Versiones de Joomla 2.5, anteriores a la 2.5.28 deben actualizar primero, posiblemente de forma manual, aplicando el patch correspondiente, a la versión 2.5.28.

    Utiliza siempre el sentido común, haz primero una copia de seguridad y si dispones de espacio en tu Hosting es mejor que hagas una copia o duplicado de tu web Joomla y pruebes primero la actualización en la web duplicada para asegurarte que el proceso sera transparente y no presentará problemas.

    ¿Qué pasa ahora con Joomla 2.5?

    El soporte "oficial" para Joomla 2.5 finalizó el 31 de diciembre de 2014. ¡Tela! si aún sigues usando versiones antiguas de Joomla es bajo tu propio riesgo.

    Esto significa que el fin del soporte oficial se refiere a que Joomla ya no proporciona correcciones de errores, características nuevas o actualizaciones de seguridad para esta rama.

    Es el momento de asegurarte de que tienes la última actualización disponible de Joomla 2.5, concretamente la 2.5.28 de forma que puedas dar el salto a Joomla 3.5 sin problemas.


    Gracias

    El equipo de desarrollo de Joomla da las gracias por la impresionante labor de cientos de colaboradores voluntarios en todo el mundo.

    Gracias a ellos se han resuelto con éxito más de 2200 commits a partir de Joomla 3.4.8 para llegar con éxito hasta Joomla 3.5.0.

    Gracias

    Gracias a todos los voluntarios que ayudan a hacer Joomla!

    Mostrar las descripciones de categorías en WordPress

    $
    0
    0

    descripciones de categorías En algunos themes que usan el framework gantry 4.x por defecto no muestran las descripciones de categorías de Wordpress. Para mostrar esta información necesitaremos hacer algunas modificaciones a los archivos del theme.

    En este artículo veremos cómo hacer modificaciones al archivo category.php del theme gantry 4.x para mostrar las descripciones de categorías, tener en cuenta que este código no sólo servirá para themes gantry sino que se puede aplicar a otros themes que no necesariamente se basan en gantry.

    Situación Inicial

    En la imagen adjunta vemos que tenemos una descripción como parte de la caetgoría blog, pero no se muestra en el front-end desde el ítem de menú de categoría blog que hemos creado

    backend wordpress categorías

    Ubicando el archivo

    El archivo que tenemos que localizar dentro de los archivos de nuestro theme es el archivo category.php. En el caso de themes basados en el framework gantry este archivo usualmente esta en la siguiente ruta :

    /themes/TU_THEME_GANTRY/html/category.php
    

    Para otros themes podría encontrase en otra ruta o directamente en la raiz de los archivos del theme Tener en cuenta que antes de realizar modificaciones es importante hacer una copia del archivo a modificar

    Código para mostrar las descripciones de categorías

    Usaremos código PHP con Html, el lugar en el que vaya el código depende de la estructura del archivo category.php, sin embargo para themes basados en el framework gantry 4.x podemos ubicarlo aproximadamente en la línea 52 que es donde termina la parte de impresión del título y empieza el listado de las entradas, colocaremos el siguiente código :

    <?php if ( category_description() ) : ?>
    	<div class="des-category"> <?php echo category_description(); ?> </div>
    <?php endif; ?>
    

    En el siguiente video se muestra cada uno de los pasos indicados anteriormente

    Pack WordPress Intuition, configuraciones versión 1.3

    $
    0
    0
    icono pack wordpress intuition

    En esta nueva versión del Theme WordPress Intuition se han mejorado algunas características para facilitar la configuración, algunas de las cuales son : funcionalidad integrada del slide y portafolio, así como bloques de características. Esto ya lo habíamos tratado en un artículo anterior , sin embargo en este artículo veremos la nueva forma de configurar este theme.

    El theme WordPress Intuition es un theme gratuito que se puede descargar desde el siguiente enlace , tener en cuenta que este theme viene como parte de los Packs Webempresa desde donde lo podemos instalar de manera sencilla.

    1- Visión general y cambio de logo

    El Pack WordPress Intuition tiene una opción de configuración desde Apariencia => Intuition desde la cual podemos acceder rápidamente a todas las opciones de configuración del theme, en el siguiente vídeo se muestra de manera general las principales configuraciones y además el cambio del logo

    2- Cambio de menús y slide

    El Pack WordPress Intuition tiene tres posiciones de menús, también cuenta con una característica de slide integrado, en este video veremos ambas características

    3- Características y portafolio

    En la parte media del Pack tenemos el bloque de características y portafolio, así como algunos textos como parte de la página de inicio

    4- Configuración páginas y formulario contacto

    En algunas páginas se muestra un sidebar como parte de la estructura, en este vídeo veremos algunas configuraciones de páginas así como la opción de configuración del formulario de contacto

    Crear un Podcast en tu WordPress para captar visitas

    $
    0
    0

    Cómo crear podcast en WordPressUna de las cosas que más me preocupaban cuando empecé a escribir en el blog era no pertenecer a ese 90% de bloggers que no superan el primer año.

    Después de meses procrastinando cuál iba a ser mi estrategia con el blog para tener visibilidad y no morir en el intento, me decidí por crear un podcast en mi estrategia de marketing de contenidos.

    Piensa que es doloroso y frustrante invertir cantidad de horas escribiendo en tu blog, ver que nadie te lee durante meses y luego tener que abandonar. ¿Sabes la cantidad de tiempo, desgaste e ilusiones tirados en internet? No lo quiero ni pensar.

    Hay que ir a por todas. En mi nicho de mercado, donde hay cantidad de bloggers hablando de marketing digital, emprendimiento, redes sociales etc... si quería destacar un poco y conseguir un networking efectivo que me impulsara a tener visibilidad en internet lo más rápido posible, lo tenía clarísimo.

    Creé el podcast Emprendedores Digitales a los 2 meses de abrir el blog, y no lo hice antes porque me faltaban conocimientos para llevarlo a cabo. Desde entonces crear un podcast ha sido lo mejor que he podido hacer y una de las cosas que más me gustan.

    Crear un PodCast en WordPress

    No pienses que en los inicios me fue fácil tenía muchos miedos, pero lo ví claro, o me metía en ello o me costaría mucho más entrar en mi nicho de mercado.

    Hacer entrevistas en el podcast a los bloggers influyentes

    Inicialmente mi estrategia era publicar un podcast yo mismo (hablando de marketing online, redes sociales, WordPress etc.. y estrategias para emprendedores) y hacer entrevistas a bloggers que habían triunfado en internet para que nos explicaran sus experiencias, triunfos, fracasos y así poder motivar e inspirar a los oyentes.

    Pero esto me duró dos episodios. Me di cuenta rápido que las entrevistas a otros bloggers de mi nicho hacía aumentar las visitas al blog y las descargas en diferentes plataformas de alojamiento para podcast.

    Con lo que al final sólo hago entrevistas y si me interesa publico un podcast personal, pero no es lo habitual.

    Conseguirás visitas rápidamente.

    El entrevistado compartirá en sus redes sociales la entrevista, un porcentaje de ellos te incluirá en la Newsletter a sus suscriptores y otros incluso te pondrán un banner de tu podcast donde enlaza con la entrevista en tu blog.

    ¿Veis el potencial?

    Marketing de contenidos efectivo.

    Difusión en las redes sociales de tu entrevistado.

    Posibilidad de incluir tu podcast en la Newsletter del influencer.

    Networking efectivo y de alto valor.

    Aprendes un montón de ellos.

    Traspaso de autoridad.

    ¿Qué más quieres?

    Si en el nicho del marketing digital y el emprendimiento hay mucha competencia, imagínate en otro que sea más fácil hacerte un hueco. No lo desaproveches. Ahora no hay competencia en el podcast sea del nicho que sea.

    Actualmente en habla hispana hay muy poco podcaster, hay sitio para todos.

    Imagina la competencia que hay en el podcasting si lo comparas con los blogs que hablan de tu temática, no hay color, y sino haz una búsqueda en Google.

    Hacer entrevistas Vs. guest post para aumentar la visibilidad

    Yo no tengo dudas.

    Las dos cosas son súper importantes para ganar visibilidad, pero si no tienes mucho tiempo y acabas de empezar tu blog lo normal es que no te conozca nadie.

    No lo tendrás fácil que quieran aceptar un guest post, de momento con las entrevistas en el podcast matas dos pájaros de un tiro, y más adelante te vendrán los guest post solitos, créeme.

    Yo mismo no tengo ni que pedirlo, me ofrecen que escriba en otros blogs y a veces no encuentro tiempo para tanto. Mejor siempre que puedas escribir fuera de tu blog, que en el tuyo propio esto es muy importante.

    Hacer entrevistas a referentes te da mucha visibilidad y además no estás encerrado solo en tu blog sin comunicarte con nadie.

    Podcast o videoentrevistas

    Esto fue algo que también valoré en los inicios. Opté solo por el podcast, es decir grabar audio. Es otro tipo de audiencia y suele ser un público bastante fiel.

    Normalmente la audiencia que escucha podcast lo hace junto otras actividades, como trayectos en coche, en el gimnasio, paseando al perro etc... pero eso es lo bueno, puedes estar cocinando y escuchando un podcast.

    Lo difícil, a no ser que sea muy interesante la entrevista y tengas tiempo suficiente, es ponerte en YouTube simplemente a escuchar y ver como dos personas lo único que hacen es hablar, porque te limita a estar enfrente de la pantalla bastantes minutos.

    Las estadísticas no mienten, mírate cualquier vídeo en YouTube de alguien incluso conocido en su sector y no tiene ni de lejos las descargas que puede tener una entrevista en un podcast.

    Luego algo que tenía claro es que me quería posicionar como podcaster en mi nicho, si me iba a hacer las típicas entrevistas que se publican en YouTube (que ¡ojo!, no digo que esté mal) tendría más difícil la visibilidad y ya no sería podcaster, sería uno más.

    Igualmente puedes hacer la entrevista con audio y vídeo y subirlas a YouTube y luego extraer el audio y publicar el podcast. Pero ya te digo mi idea era posicionarme como podcaster y no querer andar en tierra de nadie.

    También para los que sois más tímidos, el podcast te puede dar más seguridad en los inicios, porque no tienes cámara delante y puedes hacer las entrevistas en pijama. No tienes excusas.

    Ponte a hacer entrevistas y posiciónate antes de que sea una moda. Tu ya tendrás un largo recorrido.

    ¿Cómo hacer entrevistas a los influencers de mi nicho?

    Jajajaja, aquí es donde viene lo bueno. ¿Crees que es difícil?, ¿Que quién eres tú para contactar con ellos?, ¿Y si no me contestan? etc....

    Ahora mismo no se me ocurren más cosas por las que no empezar a hacer entrevistas a los referentes de tu nicho, pero si busco seguro que encontraré cientos de excusas para posponer o procrastinar como más te guste, hacer lo que hay que hacer para conseguir visibilidad.

    ¡Vamos a ello!

    Lo mejor es hablar desde la experiencia de cada uno, y te aseguro que cada uno tiene la suya.

    En internet hay muchas cosas que se dan por cierto, como; el contenido es el rey, el dinero está en la lista, etc... y no digo que no sea cierto, pero hay que tener una mente flexible.

    También se dice que el referente o influencer como quieras llamarlo, no va ni a leer tu propuesta y si además no te la curras mejor que tu mejor post, ni lo sueñes que pierda el tiempo contigo.

    En definitiva a veces nos creemos a pies juntillas todo lo que nos dicen. Hay que experimentar, tú no eres igual que todo el mundo.

    ¿No hablamos siempre los bloggers de Win Win?, pues de eso se trata.

    Una persona inteligente, sabe perfectamente que la visibilidad que le vayas a otorgar aunque sea mínima no la puede despreciar, porque en el fondo estamos todos unidos y conectados en la blogosfera, hoy por ti y mañana por mí. Además le interesa llegar a tu audiencia que de otra manera no tendría acceso tan rápido.

    Pero claro está, hay bloggers que se lo pueden tener muy creído o los pillas en un mal momento y entonces no tienes nada que hacer. Pero esto es un porcentaje tan pequeño que ni le das importancia. Te aseguro que en el tiempo que llevo me he dado cuenta que las personas son a priori mejores de lo que yo pensaba. Tengo una agradable sorpresa de mi experiencia y estoy eternamente agradecido a todos ellos.

    Si te dicen que hay que hacer grandes rituales para conseguir una entrevista no te lo creas.

    No he tenido que hacer la pelota, ni la voy a hacer, a ningún referente de mi nicho para conseguir una entrevista:

    1. No sigo por seguir en las redes sociales.
    2. No retuiteo artículos que no leo.
    3. No comento en sus blogs por comentar para que se fije en mí.
    4. No le pido primero un guest post.

    Y sobretodo lo trato con el mismo respeto que a cualquier persona y más a alguien a quien admiro, con lo que no cabe todo ese peloteo si verdaderamente lo respetas. No es idiota.

    Se tú mismo y haz lo que verdaderamente sientas, verás como todo sale muy bien.

    Con lo que vamos al grano:
    Entrevista siempre a alguien que aporte valor a tu audiencia y que ganéis los 3:

    1. La audiencia.
    2. El entrevistado.
    3. Y tú.

    Por este orden. Si lo haces así tienes el éxito asegurado.

    Comunícate mediante el formulario de contacto o el sistema que te indique en su blog y hazle la propuesta con educación y respeto. No vale dirigirte como si fuese un amigo tuyo.

    Yo hago algo parecido a lo siguiente:

    Hola xxxx
    Soy xxxxxx y hace tiempo que te sigo (si es que es cierto), admiro mucho tu trabajo (blog, libros, conferencias etc) me encantaría entrevistarte en mi podcast xxxxxxxx que estoy seguro que aportaría mucho valor a mi audiencia.
    Espero que te parezca una buena idea etc......
    Te dejo enlaces a mi podcast xxxxxxx y blog para que puedas ver de qué trata...........

    Pones enlaces a tu podcast y tu blog. No le envíes a la mejor entrevista, que "huele" mucho. Lo mejor es ser sencillo y tu mismo. El ya hará lo que crea conveniente y mirará lo que quiera mirar.

    Nos despedimos diciéndoles que te conteste para ver qué le parece la idea y ya está.

    Luego cuando te conteste el correo, que va a ser en un 90% más o menos, le das más detalles de la entrevista, si le vas a hacer llegar un guión de las preguntas, mediante qué programa se va a grabar la entrevista, etc.. y ponéis fecha para la grabación.

    Yo siempre intento hablar con el entrevistado antes de la entrevista, bien sea días antes o el mismo día, para que estemos más relajados y se nos vea más sueltos. Así de simple.

    Si miras todas mis entrevistas, hay muchos entrevistados que están verdaderamente muy ocupados, incluso tienen su asistente personal, no hablas ni con ellos directamente, nada más el día de la entrevista.

    Para que veas como no hay que ir haciendo el "chorra". Se tú mismo y deja en manos del universo el resultado, te sorprenderá (esto me ha quedado un poco friki).

    Cuando llevaba unas pocas entrevistas me dirigí a una persona muy influyente que incluso pensé que no contestaría, pero había que probar todo por mi audiencia. Me llevé una gran emoción e ilusión, cuando me contesta él mismo al correo (igual de simple que los demás, no hago distinciones) y me dijo que conocía mi podcast, que lo seguía y que sería un gran placer participar en él. Me puse a llorar de la emoción.

    Te puede pasar que el que crees que es más accesible porque lleva menos tiempo y no está en el top de tu nicho, no te conteste el correo, y entre otras cosas suele ser seguramente porque tiene más miedo que tú o justamente es el que necesitaba más reverencia por tu parte, para dejarte claro quién está por encima de quién. Pero ya te digo en todo este tiempo solo me ha pasado 2 veces que ni contesten al correo y actualmente ya llevo grabadas casi 30 entrevistas.

    Cómo preparar una entrevista para tu podcast

    He visto y oído entrevistas de todo tipo, una cosa que tienes que tener presente es que realmente aporte valor a tu audiencia.

    Aunque conozcas mucho al entrevistado (porque incluso sois conocidos del sector) no es aconsejable hablar de tus vacaciones o el último balón que le has comprado a tu hijo, ni pasarse "tirándose flores" mutuamente. Esto no es lo que interesa a tu audiencia.

    Está bien empezar un poco distendido pero sin pasarse. Está lleno de este tipo de entrevistas y a veces parece que el entrevistador quiere llenar el tiempo porque no se ha preparado bien el guión.

    La entrevista la haces para el oyente, ni para el entrevistado ni para ti. Antes o después de la entrevista ya tendrás tiempo para estos menesteres.

    Entrevista en tu podcast sólo a bloggers o influyentes que realmente van a aportar mucho a tu audiencia. No los escojas sólo por ser alguien muy conocido y tener cantidad de seguidores. Si realmente no va a interesar mucho a tu audiencia escoge a otro.

    Infórmate suficientemente de tu entrevistado:

    • 1. Mira bien su página web.
    • 2. Léete su libro si es el caso, las entrevistas ganan mucho en calidad.
    • 3. Comprueba otras entrevistas e intenta no repetir preguntas o dale otro giro.
    • 4. No hagas entrevistas seguidas cuando un competidor ya ha hecho esa entrevista en los 30 días anteriores. Dá muy mala imagen, deja pasar un tiempo prudencial.

    Importante hacer un buen guión con preguntas extra, por si hacen falta, para no quedarte corto si el entrevistado no se enrolla mucho. El guión será de más calidad si has hecho los deberes en los puntos anteriores.

    Hacer entrevistas de calidad lleva tiempo, yo invierto muchísimo tiempo en preparar entrevistas. No es fácil, te llevará más tiempo que escribir un buen post pero te dará grandes resultados.

    Las preguntas siempre tienen que ser del lado que a tu oyente le lleves del punto A al punto B. Hay que mover algo dentro a las personas que escuchan tu podcast que los empuje a ponerse en acción y tengan ganas de escucharte la semana siguiente.

    Algo que cabrea mucho es tener detrás a otro blogger que entrevista a los mismos que tú la semana siguiente, como si faltasen bloggers, jejejeje. Pero que se le va a hacer, más vale que te sigan que tener que seguir, eso dice mi madre. No pierdas los nervios por eso.

    Programas para grabar tu podcast o videoentrevistas

    El objetivo de este post no es enseñarte a hacer un podcast, pero te daré unas indicaciones para que puedas investigar tú mismo si tienes interés, si quieres ampliar información mírate este artículo en mi blog de cómo crear un podcast, donde tienes mucha más información.

    Grabar podcasts

    Cómo grabar podcastsPara grabar episodios del podcast mi recomendación son estos:

    Audacity: Este es el que uso yo para hacer mis grabaciones en solitario y para editar y configurar el podcast antes de publicarlo. Es gratuito y tiene múltiples opciones, no creo que se te quede pequeño.

    Si lo que grabo son entrevistas utilizo en mi caso Call Recorder para Mac que te permite en su versión completa grabar tanto audio como vídeo, y si tienes PC la opción es Pamela. Una vez grabado lo abro en Audacity donde lo edito.

    Adobe Audition: Muy buena alternativa pero de pago, ofrece multitud de opciones que pienso que no vas a utilizar y te es más rentable ir directamente a Audacity que es gratuito.

    GarageBand: También una buena elección para grabar pero solo para Mac y ya lo tienes instalado de serie.

    Grabar videoentrevistas

    Cómo grabar videoentrevistasLo mejor y más económico es la herramienta que nos proporciona Google.

    Google Hangout: Utiliza tu cuenta de Google para hacer las grabaciones mediante Google Hangout, también las puedes hacer con Skype como te he comentado anteriormente.

    Una vez todo grabado hay que editar para cortar trozos que no interesen, poner música etc.. pero esto lo dejamos para otro artículo.

    Necesitaremos un pequeño equipo para podcasting si queremos tener una calidad aceptable y no espantar a los oyentes.

    Conclusión

    No dejes pasar la oportunidad de hacer entrevistas en tu blog a gente influyente.

    Si quieres aumentar las posibilidades de permanecer en el mundo del blogging incluye un podcast en tu estrategia de marketing de contenidos. Si necesitas ayuda escríbeme en mi formulario de contacto de mi blog.

    Los bloggers top son buena gente y verás que te van a contestar al correo, pero si no lo hacen, sus razones tendrán. No te lo tomes como algo personal.

    ¡Muy importante!, ponte en acción. No se consigue nada sólo pensando y no haciendo.

    Espero que con este artículo se te hayan ido aunque sea un poco esos miedos a hacer entrevistas a los bloggers de tu nicho.

    Si te ha gustado este post te agradezco que lo compartas con tu tribu. ¡Un abrazo!

    Códigos útiles .htaccess para sitios web

    $
    0
    0

    Códigos útiles .htaccess para sitios webHoy 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 se 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. Ir al Administrador de Archivos (te abre un dialogo 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.


    Como 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]

    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 ejecutara 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 asi 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>
    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 ademas 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]

    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:

    Cómo mover WordPress de una carpeta a la carpeta principal

    $
    0
    0

    Cómo mover WordPress¿Has instalado WordPress en una carpeta diferente de la principal y ahora no sabes como usarlo con el dominio principal? consulta este artículo. Para otros casos aquí te explico cómo mover WordPress desde una carpeta de tu Hosting a la carpeta principal /public_html y que se visualice desde el dominio principal.

    Es bastante común que un usuario descargue un archivo .zip de WordPress.org y lo instale manualmente en un Hosting encontrándose con que la instalación se ha realizado en la carpeta /public_html/wordpress o similar, ya que por defecto el archivo descargado está empaquetado de forma que descomprime los archivos dentro de una carpeta y no en la misma carpeta donde se sube el .zip de WordPress.

    Si eres un usuario avispado habrás observado y resuelto este detalle moviendo los archivos que hay dentro de /public_html/wordpress a /public_html. Si se te pasó este importante detalle por alto ahora tu web será accesible desde http://tu-web.com/wordpress ¡que faena verdad!, ¿cómo lo solucionas? ...sigue leyendo.

    Seguro que te has visto reflejado en los párrafos anteriores, pues sucede con más frecuencia de lo esperado.

    También puede darse el caso de que hayas instalado un Pack WordPress desde tu panel de Hosting (cPanel) y en el campo Ruta hayas puesto un nombre de carpeta o ruta para instalar una web que luego quieres gestionar desde el dominio principal, por ejemplo /wordpress lo que te obligará a acceder a la web desde http://tu-web.com/wordpress


    Campo con Ruta incorrecta

    En estos casos el acceso a tu web será incómodo y poco conveniente a efectos de posicionamiento y tratar de corregirlo desde el panel de Hosting (cPanel) modificando nombre en el instalador no va a resolver el problema.


    Mis Aplicaciones en cPanel

    La solución es tan sencilla como engorrosa si ya llevas tiempo trabajando en http://tu-web.com/wordpress y de repente te das cuenta que para entrar a la misma los usuarios tienen que hacerlo desde la url:

    http://www.tu-dominio.com/wordpress

    En lugar de hacerlo desde el dominio (sea dominio principal o dominio adicional) adecuado:

    http://www.tu-web.com/

    Además tienes que contar que como Google y otros buscadores se hayan aplicado durante el tiempo que has tenido la instalación en la carpeta errónea, los contenidos se habrán indexado bajo una url cuando menos incómoda de gestionar para ti y principalmente para tus visitas que sin querer acabarán más de uno y más de dos aterrizando en un error 404 not found!

    Te voy a explicar cómo mover una instalación de WordPress desde una carpeta diferente de la principal (en este ejemplo desde /public_html/wordpress a /public_html pero extensible a cualquier otro caso), primero de forma manual y luego utilizando un plugin ¡tu decides cual de las dos te conviene!


    Mover manualmente WordPress a /public_html

    El proceso manual es más rápido, pero implica tener claro que tienes que seleccionar y mover y a donde. El resto del proceso es tan simple como cambiar las rutas.

    Proceso manual para mover la web:

    1. Realiza una copia de seguridad (XCloner) de la instalación alojada en /public_html/wordpress
    2. Asegúrate que en la carpeta principal del Hosting /public_html, está vacía. 1
    3. Accede a la carpeta de la instalación a mover a la carpeta principal.
    4. Selecciona desde el Administrador de Archivos (File Manager) todos los archivos y carpetas.
    5. Utiliza la opción Mover de tu Administrador de Archivos de cPanel.
    6. Indícale que quieres que pasen de la ruta /public_html/wordpress a /public_html 2
    7. Comprueba que los archivos y carpetas de tu instalación de WordPress ahora están en la carpeta principal.
    8. Edita el archivos .htaccess y verifica que no haya rutas apuntando a /public_html/wordpress
    9. Edita el archivo wp-config.php y comprueba que no hay defines que apunten a /public_html/wordpress
    10. Modifica las rutas de la instalación en la base de datos.
    11. Verifica que la web carga correctamente desde la ubicación principal /public_html mediante http:://tu-dominio.com

    ¡Felicidades! has movido con éxito la instalación desde una carpeta del Hosting a la carpeta principal para que la web sea visible desde el dominio principal de tu Hosting.

    1: Lo normal es que no haya archivos y carpetas de otra instalación funcionando desde /public_html, pero sí podría haber carpetas de otras instalaciones adicionales como por ejemplo /wordpress (la web que queremos mover a la carpeta principal) etc.

    2: La ruta será la que corresponda con la carpeta donde tengas tu instalación, no necesariamente ha de ser /public_html/wordpress.


    En el siguiente vídeo puedes revisar todo el proceso para saber como mover de forma manual y en menos de 5 minutos tu web a la carpeta /public_html del Hosting.




    Usar un plugin como XCloner para mover la web desde otra carpeta del Hosting a la carpeta principal ¡también es muy fácil! como verás a continuación.

    Proceso semiautomático para mover la web:

    1. Realiza una copia de seguridad (XCloner) de la instalación alojada en /public_html/wordpress
    2. Asegúrate que en la carpeta principal del Hosting /public_html, está vacía.
    3. Accede a la carpeta donde XCloner guardó la copia. 1
    4. Selecciona el archivo backup_2016-XX-XX_XX-XX_usuario.org-sql-nodrop.tar en el Administrador de Archivos.
    5. Utiliza la opción Mover de tu Administrador de Archivos de cPanel.
    6. Indícale que quieres que pase este archivo de la ruta /public_html/wordpress a /public_html 4
    7. Comprueba que el archivo .tar ahora está en la carpeta principal.
    8. Desde el Administrador de Archivos ve a la carpeta /public_html/wordpress/wp-content/plugins/xcloner-backup-and-restore/restore
    9. Localiza los archivos TAR.php y XCloner.php y seleccionalos desde el Administrador de Archivos.
    10. Haz clic en el icono superior Mover (Trasladar archivo).
    11. Indica que la ruta donde deben copiarse es /public_html
    12. Desde el Administrador de Archivos vete a la carpeta /public_html
    13. Verifica que en esa carpeta ahora tienes los archivos:
    • backup_2016-XX-XX_XX-XX_usuario.org-sql-nodrop.tar
    • TAR.php
    • XCloner.php
  • Desde otra pestaña de tu navegador llama al script de XCloner para ejecutar la restauración:
    • http://www.tu-dominio.com/XCloner.php
  • Completa el proceso de restauración indicando los datos de la base de datos y el host.
  • Una vez completada la restauración comprueba que ahora la web carga correctamente desde la url: http://www.tu-dominio.com
  • Si todo ha ido bien y la web funciona, puedes eliminar el archivo .tar de la copia, TAR.php y XCloner.php de /public_html
  • Por último elimina la carpeta /public_html/wordpress para liberar espacio y evitar tener dos webs con la misma información.

    ¡Felicidades! has trasladado con éxito la instalación desde una carpeta del Hosting a la carpeta principal para que la web sea visible desde el dominio principal de tu Hosting.

    3: Lo normal es que si la instalación está en la carpeta /public_html/wordpress que el archivo .tar de la copia de seguridad de XCloner esté en /public_html/wordpress/administrator/backups/

    4: La ruta será la que corresponda con la carpeta donde tengas tu instalación, no necesariamente ha de ser /public_html/wordpress.

    Nota: Lo de proceso semi-automático es porque aunque la parte de la copia de seguridad y restauración de la copia son automáticas, el proceso de mover los archivos a otra carpeta deben realizarse de forma manual. ;)


    Ahora te toca a ti evaluar cuál de los dos procedimientos es más fácil de ejecutar y ponerlo en marcha.

    En el proceso manual tendrás que tener presente que las rutas en la base de datos no cambiarán y seguramente los enlaces internos sigan respondiendo a la instalación que tenias en /public_html/wordpress y no en la actual ubicación que debería ser /public_html.

    Esto lo puedes resolver leyendo el siguiente artículo del Blog donde lo explico con pelos y señales:

    URLs en WordPress, pasa la url temporal a la url del dominio | Nivel de dificultad: Básico | Tiempo estimado de lectura: 5 minutos

    Observaciones importantes del proceso:

    • Realiza siempre una copia de seguridad de todo el Hosting antes de realizar este tipo de tareas.
    • Analiza bien cada paso antes de completarlo, en tareas de esta naturaleza es fácil pasar por alto un paso del proceso y liarla.
    • No olvides que para usar la opción semiautomatica (con XCloner) deberás antes crear una nueva base de datos en la que restaurar la copia de seguridad realizada.
    • Tras final la restauración con XCloner elimina siempre los archivo TAR.php y XCloner.php por seguridad.
    • Comprueba siempre que los enlaces internos de la web trasladada funcionan en la nueva ubicación.
    • Si es necesario reenvía de nuevo el sitemap de tu sitio WordPress para que Google analice de nuevo tus enlaces y contenidos internos.
    • Ahorra espacio en tu Hosting eliminando instalaciones viejas que ya no necesitas.

    Sin duda hay muchas otras formas de mover una instalación desde una carpeta de tu Hosting a la carpeta principal, ya sea /public_html, /htdocs u otra, bien sea por FTP o mediante el uso de plugins.

    Aquí te he expuesto dos formas rápidas, sencillas y sobre todo ¡muy eficaces! de mover instalaciones sin tener conocimientos profesionales sobre la materia.

    Enlaces adicionales que deberías consultar:

    Ahora te toca a ti mover pieza (ツ)


  • Optimizar WordPress para que tu Web cargue más rápido

    $
    0
    0

    Optimizar WordPressEn esta entrada te voy a explicar por qué es importante optimizar WordPress para que tu blog cargue rápido y, además, te voy a dar algunos consejos muy sencillos de implementar para conseguirlo.

    ¿Por qué es importante optimizar WordPress para que cargue rápido?

    Seguro que a todos nos ha pasado alguna vez: buscas algo en Google, sale un resultado que parece que coincide perfectamente con lo que estamos buscando, haces clic en él y se te acelera el corazón debido a las expectativas, y después… la página no carga bien.

    Estoy seguro de que te sientes identificado con esta historia.

    Según las estadísticas, son hasta 2 o 3 segundos de velocidad de carga lo que los usuarios damos por bueno. A partir de ahí nos empezamos a poner nerviosos y las expectativas (y la credibilidad) en esa web bajan.

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

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

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

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

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

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

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

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

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

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

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

    ¿Cómo optimizar WordPress?

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


    Utiliza un tema profesional

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

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

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

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


    Elimina los plugins que no utilizas

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

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

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

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

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

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

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


    Utiliza un plugin de caché y otro de lazy load

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

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

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

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

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

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

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

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

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

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


    Utiliza un hosting de calidad

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

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

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

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

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

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

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

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

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


    Optimiza las imágenes de tu blog

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

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

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

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

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

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

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

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

    Para ello yo utilizo la siguiente herramienta: tinypng.com

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

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


    Ten todo actualizado. Siempre

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

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

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


    Elimina el spam

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

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

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


    “mejorar la velocidad de carga de WordPress

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

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

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

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


    Unifica el código de tu blog

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

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

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

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

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


    Utiliza un CDN

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

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

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

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

    Hay bastantes herramientas gratuitas que te permiten saber ésto.


    Google Page Speed test

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

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

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


    “mejorar la velocidad de carga de WordPress con Google Page Speed test

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


    Pingdom Tools

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

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


    “acelerar WordPress con Pingdom Tools

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


    “mejorar la velocidad web con Pingdom Tools

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


    Gtmetrix

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


    velocidad web en gtmetrix

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

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


    optimiza WordPress con gtmetrix

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

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


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

    Vender infoproductos en WooCommerce desde DropBox

    $
    0
    0

    Vender infoproductos en WooCommerceEl espacio siempre es importante, algo que se pone de manifiesto cuando en un Hosting tienes que trabajar con imágenes, archivos, carpetas, correos electrónicos y otros. Vender infoproductos en WooCommerce entregándolos desde DropBox te permitirá gestionarlos sin que estos ocupen espacio de tu Hosting.

    Hay muchas maneras de economizar espacio, pero no siempre sabemos como gestionar determinado tipo de archivos para que puedan ser descargados de nuestra web sin que ocupen una parte importante del espacio contratado.

    Recurrir a la nube, usando CDNs de almacenamiento de archivos como DropBox, nos ayudará a reducir cuota de disco en el Hosting y poder dar un servicio adecuado a los clientes o compradores que habitualmente adquieren productos descargables o infoproductos en nuestra Tienda de WooCommerce.

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


    WooCommerce con DropBox ¡infoproductos en la nube!

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

    WooCommerce Dropbox

    Instalación y configuración del plugin:

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

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

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


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



    Lo que debes saber si usas cuentas gratuitas de DropBox:

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

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

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

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

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

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


    Vender infoproductos en WooCommerce

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

    Opciones útiles para la administración de WordPress

    $
    0
    0

    Administración de WordPressHoy te traigo algunas opciones útiles para la administración de WordPress que sin lugar a dudas te van a facilitar tu experiencia cómo usuario.

    No hay dudas de que WordPress es el CMS más popular y potente que se encuentra ahora funcionando en millones de sitios web.

    Sin embargo, esto no quiere decir que el desarrollo de la plataforma ha llegado a su fin ni mucho menos.

    WordPress sigue evolucionando constantemente, además de mejoras en el código que en general el usuario no ve, en cada nueva versión de WordPress también se agregan nuevas características que son útiles para el usuario.

    En este último año se han hecho un muchas mejoras que son verdaderamente útiles y realmente pueden mejorar tu trabajo en WordPress.

    Así que ahora te pido que pongas atención, porque el listado es bastante largo.

    Características desconocidas de WordPress que vale la pena conocer

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

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


    1. Eliminar los enlaces permanentes para regenerarlos

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


    Eliminar los enlaces permanentes para regenerarlos

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

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

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


    Regenerar enlaces permanentes

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

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


    Configurar manualmente enlaces permanentes

    Con escribir el enlace permanente como una oración es suficiente y luego confirmar en Aceptar, ya el editor coloca los guiones automáticamente.

    2. Crear vistas personalizadas en el escritorio de WordPress

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

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


    vistas personalizadas en el escritorio

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


    vistas personalizadas en el escritorio

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

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


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

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

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

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

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

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

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

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

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


    4. Pegar Enlaces Directamente

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

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

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

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

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


    Pegar Enlaces Directamente

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

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

    Insertar contenido de WordPress embebido automáticamente

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

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

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

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


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

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

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


    edición básica de imágenes

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

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


    edición básica de imágenes


    7. Añadir un Favicon a tu sitio

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

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

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

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

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

    Añadir un Favicon

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

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

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

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


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

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

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


    Crear y editar menús de WordPress

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

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

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


    Crear y editar menús

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


    9. Cerrar sesiones abiertas en el resto de los sitios

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

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

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

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

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


    Cerrar sesiones abiertas


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

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

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

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

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

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

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

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

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

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

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

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

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

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


    Compartir contenido rápidamente

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

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

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


    Resumen y cierre

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

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

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

    PrestaShop y robots.txt ¡una historia de amor!

    $
    0
    0

    PrestaShop y robots.txtQue PrestaShop necesita de robots.txt para lidiar con los bots de indexado de los diferentes motores de búsqueda es una realidad, por eso quiero contarte una historia de amor entre PrestaShop y robots.txt con un final feliz.

    Claro que puedes generar el archivo robots.txt desde el backoffice, Preferencias, SEO y URLs desde la opción Generación de archivos Robots. Eso lo damos por sentado.

    Muchos usuarios, principalmente aquellos que se inician en PrestaShop para crear su primera Tienda online, no se paran al principio de la puesta en marcha de su proyecto web con este CMS a generar correctamente archivos importantes como el sitemap y robots.txt y pasado un tiempo (apenas unos meses) comienzan los problemas en forma de errores de rastreo. ¡Sigue leyendo que te lo cuento con más detalles!

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

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

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

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


    Generación de archivos Robots

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

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

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

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

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

    Not Found
    The requested URL /robots.txt was not found on this server.
    Additionally, a 404 Not Found error was encountered while trying to use an ErrorDocument to handle the request.

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

    “El robot de Google no puede acceder a los archivos CSS y JS”

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

    Allow: */modules/*.css
    Allow: */modules/*.js
    La mejor forma de comprobar el estado de salud de tus archivos robots.txt es utilizando Google Search Console para comprobar tanto su existencia y localización por parte de los bots, como si se generan errores de bloqueo, en este caso a googlebot.

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

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

    ¿Qué no interesa indexar?

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

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


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

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

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

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



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


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

    # Archivos
    Disallow: /*id_lang=
    Disallow: /*utm_campaign=
    # Directorios
    Disallow: /lang-es/
    Nota: Si trabajas con otro idioma o varios idiomas (multi idiomas) podrás añadir líneas adicionales:
    # Directorios
    Disallow: /lang-es/
    Disallow: /lang-en/
    Disallow: /lang-fr/

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


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

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

    Optimizar imágenes en WordPress con Optimus

    $
    0
    0

    Optimizar imágenes en WordPress

    El espacio ocupado por las imágenes de cualquier sitio WordPress suele suponer el 60% del espacio total ocupado por una instalación, en el peor de los escenarios hasta el 80%.

    Optimizar imágenes en WordPress es la clave para reducir el tamaño individual y global ocupado por imágenes y contribuir enormemente a mejorar los tiempos de carga de las páginas que incorporan muchos elementos gráficos.

    Lograr esta optimización de imágenes y reducción de espacio es posible si eres cliente de Webempresa, pues seguramente ya habrás utilizado nuestra herramienta gratuita Image Optimizer, obteniendo una mejora sustancial en la carga del sitio y la reducción de espacio ocupado principalmente en carpetas como /wp-content/uploads.

    Si no eres cliente de Webempresa, infelizmente no tendrás acceso a esta maravillosa herramienta y tendrás que conformarte con la tediosa tarea de optimizar manualmente tus imágenes con GIMP o algún programa privativo de edición fotográfica, o tirar de algún servicio online como Compressor.io (excelente por cierto), para reducir el peso de las imágenes de tus post o productos sin perder calidad.


    Optimus, un plugin muy conveniente

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

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

    Optimizar imágenes en WordPress

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


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


    Configuraciones de Optimus

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


    Imágenes optimizadas

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


    Imágenes con error de formato


    Características del plugin

    Funcionalidades

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

    Privacidad

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

    Consejos

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

    Consideraciones finales

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

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

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

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

    imágenes en WordPress

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


    Ahora no tienes excusas para no optimizar las imágenes de tu Biblioteca de Medios de WordPress, sobre todo si aún no eres cliente de Webempresa. (ツ)
    Viewing all 1649 articles
    Browse latest View live