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

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. (ツ)

    Freelancing: 7 errores típicos al fijar tus tarifas y precios

    $
    0
    0

    Trabajo Freelancing

    Poner precios dentro del mundo de los servicios profesionales intangibles es una tarea difícil y un reto para cualquiera que se aventure en el Freelancing.

    Por eso, en este artículo quiero ayudarte a evitar algunos errores típicos - que yo misma he cometido - a la hora de fijar los precios de nuestro trabajo.

    Creo que de los errores se puede aprender mucho, pero a veces pueden pasar meses sin que te des cuenta de que cometes un error que a la larga te puede pasar factura aunque ahora tú pienses que es buena idea para tu negocio.

    Estos 7 errores te pueden ayudar a abrir los ojos para poder ser un freelance rentable y saludable durante muchos años:



    1 - Desglosar los presupuestos en pequeñas partidas

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

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

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

    Eso es lo que va a justificar el precio.


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

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

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

    ¿Sino para que te montas un negocio propio?

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

    Saca papel y boli y haz cuentas.

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


    3 - No conocer tu tarifa/hora mínima

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

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

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

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

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


    4 - Presupuestar minijobs

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

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

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

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

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

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


    5 - Poner precios demasiado bajos

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

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

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

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


    6 - Presupuestar por horas

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

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

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

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


    7 - Negociar tus tarifas

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

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

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

    No hay más vuelta de hoja.

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

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

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

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

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


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





    Administrador de Archivos de cPanel ¿cómo buscar archivos?

    $
    0
    0

    Administrador de Archivos de cPanel


    Ya has dado el primer paso para que tu proyecto web se materialice y has contratado un Hosting que te va a permitir realizar todas las tareas relacionadas con tu web o Tienda online.

    Quizás muchos de los conceptos que estás empezando a manejar te suenen desconocidos y tareas que antes realizabas con un cliente de FTP como Filezilla u otros ahora las quieres realizar con el Administrador de Archivos de tu cPanel, como por ejemplo buscar determinados archivos en una instalación web.

    Algo tan sencillo como buscar archivos no puede convertirse en un galimatías ¿verdad?, se supone que has cambiado de Hosting para que realizar ciertas tareas sea algo más sencillo y no debería ser tan complicado querer aplicar un cambio de CSS y no saber donde encontrar el archivo que tienes que modificar. ¿Cómo buscar archivos en el Administrador de Archivos de cPanel?


    Primero de todo ¿que es el Administrador de Archivos?

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

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

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

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

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

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


    ¿Qué puedes buscar con el Administrador de Archivos?

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

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

    ¿Que no puedes buscar con el Administrador de Archivos?

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

    ¿Cómo buscar archivos en cPanel?

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

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

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

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


    buscar todos los archivos .css

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

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




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

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

    Joomla 3.5.1 ¡nueva versión disponible!

    $
    0
    0

    Joomla 3.5.1


    Joomla! 3.5.1 ya está disponible. Esta es una versión de corrección de errores para la serie 3.x de Joomla. Esta versión corrige una serie de errores que han sido reportados desde el lanzamiento de Joomla 3.5.0. Se trata una nueva versión, la primera de la serie 3.5, que soluciona errores detectados en Joomla 3.5.0 de Joomla liberada el pasado 21 de Marzo.

    Se corrigen bugs relacionados con las URLs canónicas, el inicio de sesión expirado, problemas con el envío de correos mediante SMTP y problemas menores con funcionalidades de la Papelera.

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

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


    Problemas corregidos en Joomla 3.5.1

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

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

    Los requisitos técnicos para Joomla 3.5.1 son:

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

    Descargas:


    Gracias

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

    Gracias a todos los voluntarios que ayudan a hacer Joomla!

    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. (ツ)

    Freelancing: 7 errores típicos al fijar tus tarifas y precios

    $
    0
    0

    Trabajo Freelancing

    Poner precios dentro del mundo de los servicios profesionales intangibles es una tarea difícil y un reto para cualquiera que se aventure en el Freelancing.

    Por eso, en este artículo quiero ayudarte a evitar algunos errores típicos - que yo misma he cometido - a la hora de fijar los precios de nuestro trabajo.

    Creo que de los errores se puede aprender mucho, pero a veces pueden pasar meses sin que te des cuenta de que cometes un error que a la larga te puede pasar factura aunque ahora tú pienses que es buena idea para tu negocio.

    Estos 7 errores te pueden ayudar a abrir los ojos para poder ser un freelance rentable y saludable durante muchos años:



    1 - Desglosar los presupuestos en pequeñas partidas

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

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

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

    Eso es lo que va a justificar el precio.


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

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

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

    ¿Sino para que te montas un negocio propio?

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

    Saca papel y boli y haz cuentas.

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


    3 - No conocer tu tarifa/hora mínima

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

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

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

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

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


    4 - Presupuestar minijobs

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

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

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

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

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

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


    5 - Poner precios demasiado bajos

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

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

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

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


    6 - Presupuestar por horas

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

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

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

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


    7 - Negociar tus tarifas

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

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

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

    No hay más vuelta de hoja.

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

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

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

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

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


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




    Administrador de Archivos de cPanel ¿cómo buscar archivos?

    $
    0
    0

    Administrador de Archivos de cPanel


    Ya has dado el primer paso para que tu proyecto web se materialice y has contratado un Hosting que te va a permitir realizar todas las tareas relacionadas con tu web o Tienda online.

    Quizás muchos de los conceptos que estás empezando a manejar te suenen desconocidos y tareas que antes realizabas con un cliente de FTP como Filezilla u otros ahora las quieres realizar con el Administrador de Archivos de tu cPanel, como por ejemplo buscar determinados archivos en una instalación web.

    Algo tan sencillo como buscar archivos no puede convertirse en un galimatías ¿verdad?, se supone que has cambiado de Hosting para que realizar ciertas tareas sea algo más sencillo y no debería ser tan complicado querer aplicar un cambio de CSS y no saber donde encontrar el archivo que tienes que modificar. ¿Cómo buscar archivos en el Administrador de Archivos de cPanel?


    Primero de todo ¿que es el Administrador de Archivos?

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

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

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

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

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

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


    ¿Qué puedes buscar con el Administrador de Archivos?

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

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

    ¿Que no puedes buscar con el Administrador de Archivos?

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

    ¿Cómo buscar archivos en cPanel?

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

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

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

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


    buscar todos los archivos .css

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

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




    ¿Usas la piel 'paper_lantern' en cPanel?

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

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


    buscar archivos desde paper_lantern

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


    buscar archivos desde paper_lantern


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

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

    Joomla 3.5.1 ¡nueva versión disponible!

    $
    0
    0

    Joomla 3.5.1


    Joomla! 3.5.1 ya está disponible. Esta es una versión de corrección de errores para la serie 3.x de Joomla. Esta versión corrige una serie de errores que han sido reportados desde el lanzamiento de Joomla 3.5.0. Se trata una nueva versión, la primera de la serie 3.5, que soluciona errores detectados en la versión 3.5.0 de Joomla liberada el pasado 21 de Marzo.

    Se corrigen bugs relacionados con las URLs canónicas, el inicio de sesión expirado, problemas con el envío de correos mediante SMTP y problemas menores con funcionalidades de la Papelera.

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

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


    Problemas corregidos en Joomla 3.5.1

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

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

    Los requisitos técnicos para Joomla 3.5.1 son:

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

    Descargas:


    Gracias

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

    Gracias a todos los voluntarios que ayudan a hacer Joomla!

    Conectar WordPress con Facebook

    $
    0
    0

    Conectar WordpPress con Facebook


    En este tutorial te quiero enseñar a conectar WordPress con Facebook y otras redes sociales para dos cosas: por un lado hacer que tus post se compartan automáticamente en ellas nada más publicarlos, y por el otro integrarlas en tu blog para que tus lectores también puedan acceder a ellas.

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

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

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

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

    Así, tus post se promocionan ellos solitos.

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

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

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

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

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

    Vamos a ello

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

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

    Configurar JetPack para difundir por WordPress

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

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

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

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

    Difundir en redes sociales

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

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

    Conectar WordPress con las redes sociales

    Vamos a ver cómo se configura.

    Conectar WordPress con Facebook

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

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

    Conectar WordPress con Facebook paso a paso

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

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

    Tutorial para conectar WordPress con Facebook

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

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

    Autorizar a WordPress para conectar con Facebook

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

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

    Difundir en Facebook automáticamente

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

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

    Conectar WordPress con Facebook para compartir nuevos post

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

    ¡Listo!

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

    Conectar WordPress con perfil de Facebook

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

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

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

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

    Conectar WordPress con Twitter

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

    Conectar WordPress con Twitter paso a paso

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

    Autorizar WordPress con Twitter para compartir paso a paso

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

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

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

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

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

    Compartir automáticamente en Facebook y Twitter

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

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

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

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

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

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

    Conectar WordPress Twitter

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

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

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

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

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

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

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

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

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

    Vincular tus perfiles sociales mediante botones que aparecen en el blog

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

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

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

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

    Añadir botones sociales al blog

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

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

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

    ¡Y listo ésto también! :)

    Añadir las redes sociales a tu perfil

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

    Conectar perfil WordPress con Facebook

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

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

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

    Ésto por último.

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

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

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

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

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

    ¡Un fuerte abrazo y a por ello!

    WordPress 4.5 ¡disponible y con novedades!

    $
    0
    0

    WordPress 4.5


    La versión 4.4 de WordPress, llamada "Coleman" en honor al saxofonista de Jazz Coleman Hawkins , ya está disponible para descarga o actualización en tu panel de administración de WordPress.

    Las características de la nueva versión no son para rasgarse las vestiduras pero ayudan en su conjunto a mejorar las funcionalidades del CMS. WordPress 4.5 formaliza la previsualización de contenidos a publicar en tamaños diferentes, ya sabes, vista de escritorio, tablet o dispositivo móvil, vamos el "responsive" que tan importante es.

    Podrás insertar enlaces en post y páginas que se formatearán de forma automática pudiendo insertar enlaces con mayor facilidad para potenciar los enlaces salientes (OBL) y potenciar el link building que tan importante es.

    ¿Es importante actualizar a WordPress 4.5? ¡no necesariamente!, la prudencia aconseja siempre esperar a la primera revisión de versión de la serie, es decir, la 4.5.1, donde algunos "gazapos" habrán sido corregidos.
    La recomendación, si vas a actualizar, es hacer una copia de seguridad antes de llevar a cabo la actualización de versión.

    Novedades destacadas:

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

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

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


    Descargas

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

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

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

    Como siempre, cuando las nuevas versiones se liberan, la recomendación es actualizarse a la última versión estable de este CMS, previa copia de seguridad, para garantizar la seguridad y estabilidad de nuestro Blog.
    Esta actualización no ha sido probada en los Packs WordPress de Webempresa. La actualización de cualquier Pack de WordPress a esta versión no ha sido probada por lo que se recomienda siempre tomar la precaución de realizar una copia de seguridad. El usuario realiza siempre la actualización bajo su responsabilidad.

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

    Viewing all 786 articles
    Browse latest View live