Webgae Fri, 06 Nov 2020 11:02:00 +0000 es hourly 1 https://wordpress.org/?v=6.3.1 Agregar código en el encabezado y en el pie de página en WordPres /2020/11/06/agregar-codigo-en-el-encabezado-y-en-el-pie-de-pagina-en-wordpres/ Fri, 06 Nov 2020 11:02:00 +0000 /2020/11/06/agregar-codigo-en-el-encabezado-y-en-el-pie-de-pagina-en-wordpres/ Agregar código en el encabezado y en el pie de página en WordPres



Personalizar su sitio web de WordPress usando código puede ser aterrador. A menudo, necesitará profundizar en los archivos principales para modificar configuraciones o agregar nuevos parámetros, lo que puede dañar su sitio si lo hace de manera incorrecta.

Sin embargo, agregar código de encabezado y pie de página tiende a ser mucho más simple. A menudo, solo necesitará copiar y pegar fragmentos de código específicos. Esto significa que si sabe cómo acceder a sus archivos de encabezado y pie de página, ha superado la parte más aterradora.

En este artículo, le enseñaremos cómo agregar código de encabezado y pie de página en WordPress tanto manualmente como con un plugin. Ambos enfoques son muy sencillos, ¡así que vayamos directo a ello!

Por qué es posible que necesite agregar código de encabezado y pie de página en WordPress

Si ejecuta un sitio web, probablemente esté familiarizado con al menos un servicio de terceros que requiere que inserte un código para conectarse a él. 


Algunos de los ejemplos más populares incluyen Google Analytics , Search Console, Facebook Pixel y muchas otras herramientas que involucran el seguimiento de sitios web.


Todos esos servicios requieren que agregue scripts específicos entre las etiquetas principales de su sitio web . El encabezado de su sitio es un componente crucial que incluye elementos como scripts, títulos, archivos de estilo y más.

Pie de  etiquetas funcionan de manera similar a sus  principales  contrapartes. Técnicamente, si agrega fragmentos de código al pie de página de su sitio, deberían ejecutarse de la misma manera que si los incluyera en su encabezado.


Sin embargo, es importante comprender que su sitio web ejecutará los scripts en el orden en que los incluya. Además, el código del encabezado se  ejecutará antes de que se cargue la página, mientras que el código del pie de página se ejecutará después.


Si tiene la opción de elegir y le preocupa la optimización del sitio web , mover JavaScript al pie de página de su sitio puede ayudar a acelerar los tiempos de carga. Sin embargo, algunos servicios le pedirán explícitamente que agregue su código a su encabezado para evitar problemas de ejecución.


Como regla general, si un servicio le pide esto, le recomendamos que siga sus consejos. Para otros fragmentos de código JavaScript, colóquelos en el pie de página de su sitio de WordPress. El código CSS siempre va en el encabezado.

Cómo agregar código de encabezado y pie de página en WordPress (2 métodos)

Como suele ser el caso de WordPress, puede lograr el mismo objetivo modificando los archivos manualmente o utilizando un plugin.


1. Utilice un plugin como Head, Footer y Post Injections

Usar un plugin para agregar código a sus archivos de encabezado y pie de página en WordPress es el enfoque más seguro. Con un plugin, no es necesario modificar los archivos de tema manualmente ni asegurarse de que está agregando scripts en el lugar correcto.


Si bien hay muchos plugins buenos para elegir, nuestra recomendación para el trabajo es el plugin Head, Footer y Post Injections .


El plugin Head, Footer and Post Injections

Este plugin le brinda mucho control sobre en qué parte de su código desea agregar sus fragmentos de código. También ofrece la opción de agregar diferentes scripts para las representaciones móviles y de escritorio de su sitio.


Para agregar el plugin, vaya a  plugins> Agregar nuevo  dentro de su panel y use la función de búsqueda para encontrar el plugin. Haga clic en instalar, luego active el plugin.


Una vez que el plugin está activo, puede ir directamente a  Configuración> Encabezado y pie de página . Verá varios campos donde puede agregar fragmentos de código.


Verificando las opciones de ubicación del código de encabezado del plugin

Si profundiza en las opciones del plugin, verá que ofrece muchas ubicaciones adicionales para sus fragmentos de código. Sin embargo, en la mayoría de los casos, puede ceñirse a la   pestaña Encabezado y pie de página .


Para el código global, asegúrese de colocar esos fragmentos en el   campo En cada página . Sin embargo, si solo necesita que el código se ejecute en su página de inicio, use la   opción Solo en la página de inicio .

Una vez que termine de agregar el código a su sitio web, guarde los cambios en el plugin y ¡listo!

2. Agregue fragmentos de código a través de su archivo functions.php

Agregar código de encabezado y pie de página manualmente en WordPress no es complicado, pero requiere más consideraciones que el enfoque del plugin.


Puede agregar el código directamente a los archivos header.php o footer.php de su tema activo . Puede encontrar estos archivos dentro del   directorio / public_html / wp-content / themes / abriendo la carpeta de su tema activo y mirando dentro:

Acceder a sus archivos de encabezado y pie de página a través de FTP



Acceder a sus archivos de encabezado y pie de página a través de FTP

Se puede acceder a los archivos a través de Archivo Trans f Protocolo er (FTP) y editarlos utilizando el editor de código favorito. Sin embargo, editar archivos de encabezado y pie de página directamente puede ser complicado. Con esto en mente, tenemos dos recomendaciones si planea usar el enfoque manual:

Crea un tema hijo para tu tema. De esta manera, no perderá ninguna personalización cuando actualice el tema principal.

Use ganchos para agregar el código a través de su   archivo functions.php . Esto ofrece un enfoque más limpio sobre la edición manual de archivos de encabezado y pie de página.

Idealmente, siempre debe usar un tema hijo si planea realizar cualquier tipo de personalización del tema. Puede acceder al  archivo functions.php de su tema hijo  en su carpeta dentro del   directorio / wp-content / themes .


Abra el   archivo functions.php en su editor de código. Para agregar el código que desea, debe usar el  gancho wp_head  o  wp_footer  .


El siguiente fragmento de código agrega su código personalizado al encabezado de su sitio:

add_action('wp_head', 'test_script');
function test_script() {
    ?>
    
    <!-- Here comes your custom code in HTML format. -->
          
    <?php
}

Puede usar el gancho wp_footer en lugar de wp_head si desea colocar el código en su pie de página. También puede cambiar el nombre de la función (test_script) si lo desea.


Cuando haya terminado de ajustar su  archivo functions.php  , recuerde guardar sus cambios, y eso es todo. ¡Cualquier código que hayas agregado debería estar funcionando ahora!


Conclusión

Muchos servicios de terceros, como Google Analytics o Facebook Pixel, requieren que agregue fragmentos de código a su sitio web para que puedan conectarse a él. Sin embargo, este es solo uno de los muchos casos en los que necesitará agregar código a su encabezado y pie de página en WordPress, por lo que vale la pena saber cómo hacerlo.


Hay dos formas de agregar fragmentos de código a su encabezado y pie de página. Puede usar un plugin como ‘Head, Footer and Post Injections’, o agregar fragmentos de código a través de su   archivo functions.php .

]]>
Agregar CSS personalizado mediante el personalizador de temas /2020/09/26/agregar-css-personalizado-mediante-el-personalizador-de-temas/ Sat, 26 Sep 2020 22:26:00 +0000 /2020/09/26/agregar-css-personalizado-mediante-el-personalizador-de-temas/

Desde WordPress 4.7, los usuarios ahora pueden agregar CSS personalizado
directamente desde el área de administración de WordPress. Esto es muy fácil y
podrá ver sus cambios con una vista previa en vivo al instante.

Ver un pequeño video tutoral

Primero, debe dirigirse a la página Temas »Personalizar .
Iniciar el personalizador de temas
Esto iniciará la interfaz de personalización de temas de WordPress.
Verá la vista previa en vivo de su sitio con un montón de opciones en el panel
izquierdo. Haga clic en la pestaña CSS adicional en el panel izquierdo.
Opción CSS adicional en el personalizador de temas de WordPress
La pestaña se deslizará para mostrarle un cuadro simple donde puede agregar su
CSS personalizado. Tan pronto como agregue una regla CSS válida, podrá verla
aplicada en el panel de vista previa en vivo de su sitio web.

Agregar CSS personalizado con vista previa en vivo

Puede continuar agregando código CSS personalizado hasta que esté satisfecho
con el aspecto que tiene en su sitio.
No olvide hacer clic en el botón «Guardar y publicar» en la parte superior
cuando haya terminado.

Guarde sus cambios CSS personalizados


Nota: Cualquier CSS personalizado que agregue usando el personalizador
de temas solo está disponible con ese tema en particular. Si desea utilizarlo
con otros temas, deberá copiarlo y pegarlo en su nuevo tema utilizando el
mismo método.
]]>
Bloques personalizados con Genesis Custom Blocks /2020/09/25/bloques-personalizados-con-genesis-custom-blocks/ Fri, 25 Sep 2020 23:38:00 +0000 /2020/09/25/bloques-personalizados-con-genesis-custom-blocks/ Bloques personalizados con Genesis Custom Blocks
¿Quiere construir bloques personalizados pero encuentra que la curva de
aprendizaje del desarrollo de la codificación desde cero lo está frenando?
¿O tal vez ha probado soluciones pero descubrió que no fueron diseñadas para
Gutenberg y tenían demasiados obstáculos?
Es ligero y optimizado para el
rendimiento. Está perfectamente diseñado para mantenerte al tanto de la
futura hoja de ruta de WordPress y el editor de bloques.

¡La mejor parte es que puede comenzar absolutamente gratis!

Genesis Custom Blocks
es un potente plugin que le permite crear todos los bloques que desee,
adaptados a sus necesidades específicas. Si bien no está libre de código, le
quita el trabajo pesado a través de una interfaz simple de administración
más un sistema de plantillas simple.
Para obtener documentación completa sobre cómo trabajar con el plugin, siga
este enlace .
Genesis Custom Blocks está disponible hoy como un plugin gratuito en WordPress.org. Puede
instalarlo y activarlo como lo haría con cualquier otro plugin en su
administrador de WordPress.

Ver un pequeño video tutorial de Genesis Custom Blocks

Funciones de Genesis Custom Blocks

Echemos un vistazo a lo que incluye el plugin:
Una interfaz de administración de WP para registrar, configurar y agregar
campos de entrada para bloques personalizados
Agrega un nuevo bloque tal como agregarías una nueva publicación
Una biblioteca de funciones PHP simples que le permiten utilizar prácticas
de desarrollo de WordPress conocidas
Las opciones de plantillas flexibles le permiten optimizar la forma en que
administra los archivos de plantilla, incluidas las opciones intuitivas de
estructura de carpetas, así como la abstracción a un plugin independiente.
Carga de archivos condicional en los medios de frontend solamente los
archivos de plantilla de bloques necesarios se carga en el navegador, lo que
mejora enormemente frontend rendimiento .
Los desarrolladores pueden integrarse con cualquier cosa , ya que la
experiencia del desarrollador aprovecha la experiencia de desarrollador
tradicional bien equilibrada y ampliamente adoptada de WordPress.

¿Necesito ejecutar Genesis o Genesis Child Themes?

Genesis Custom Blocks es 100% independiente del tema . Siempre que el sitio
de WordPress tenga habilitado el editor de bloques (Gutenberg), podrá
utilizar Genesis Custom Blocks para crear bloques personalizados para su
sitio.
]]>
El nuevo plugin de historias web de Google /2020/09/24/el-nuevo-plugin-de-historias-web-de-google/ Thu, 24 Sep 2020 19:48:00 +0000 /2020/09/24/el-nuevo-plugin-de-historias-web-de-google/  Es difícil destacar entre los millones de publicaciones de blogs que se
publican todos los días, y la revolución de las redes sociales ha cambiado la
forma en que las personas consumen contenido. Los creadores deben ser, bueno,
creativos si quieren atraer visitantes.

Ingrese a Historias web . Estas piezas de contenido visual del tamaño de un
bocado se destacan fácilmente en una página de resultados de motor de búsqueda
(SERP), y su naturaleza breve se adapta bien a los usuarios móviles con
pantallas pequeñas y tiempo limitado. Google lanzó recientemente un
nuevo plugin de WordPress diseñado para facilitarle la incorporación de Historias web en sus
publicaciones.

En este artículo, analizaremos las funciones del plugin
Web Stories

y explicaremos exactamente cómo usarlo para crear contenido atractivo y
atractivo.

Comprensión de las historias web de google

Antes de ver el nuevo plugin, repasemos qué son realmente las Historias web y
por qué es posible que desee comenzar a usarlas.

Las historias web son un formato de narración visual para contenido web,
impulsado por el marco AMP . Es posible que ya esté familiarizado con las
historias de Instagram y Facebook. Las historias web son la misma idea
aplicada al contenido web.

La idea es proporcionar lo que Google llama «contenido de bocadillos»:
historias rápidas y fáciles de leer, perfectas para teléfonos inteligentes y
visualización en movimiento:

La portada de una historia web.

Las historias web ayudan a mejorar la optimización de motores de búsqueda
(SEO) y la experiencia del usuario (UX) de su sitio y generan tráfico
orgánico. Algunos otros beneficios incluyen:

Las Historias web tienen su propia sección en la parte superior de las SERP de
Google para una visibilidad excelente.

Google tiende a clasificar las Historias en un lugar destacado en búsquedas
web, búsquedas de imágenes y la aplicación de Google.

Las historias realmente aparecen en un SERP y llaman la atención de los
usuarios.

Las historias incluyen soporte para anuncios inmersivos en pantalla completa y
enlaces de afiliados, lo que le permite monetizarlos fácilmente.

Los principales medios como Wired, CNN y BBC News usan Web Stories con
frecuencia, por lo que estará en buena compañía si los incorpora a su sitio.

Introducción a las historias web para el plugin de WordPress de Google

historias web para el plugin de WordPress de Google

Web Stories
para WordPress es un nuevo plugin de Google diseñado para facilitar la adición
de Web Stories a su sitio.

Sin la ayuda de algún tipo de herramienta como esta, la creación de historias
web requiere
conocimientos de codificación y AMP.
Al permitir a los usuarios crear su contenido visualmente, el próximo plugin
brinda a muchos más editores la oportunidad de trabajar en este nuevo medio.

El plugin Web Stories utiliza un editor simple de arrastrar y soltar, Lo que
ves es lo que obtienes (WYSIWYG). Si alguna vez usó la aplicación Canva ,
tendrá una idea de qué esperar.

El plugin también proporciona varias plantillas para ayudarlo a crear sus
Historias web. Una vez que haya terminado con su diseño, puede publicar su
nuevo contenido visual en su sitio con facilidad.

Cómo comenzar con el plugin Web Stories para WordPress 

El editor de Historias web para WordPress facilita la creación de contenido
atractivo sin la necesidad de un código complejo. Para comprender realmente
cómo funciona, puede ser útil verlo en acción. Los pasos a continuación le
mostrarán cómo comenzar.

Paso 1: instale el plugin

El primer paso para crear sus propias Historias web es instalar el plugin. Una
vez que haya descargado el plugin, diríjase a su panel de WordPress. Vaya a
plugins> Agregar nuevo y haga clic en el botón 

A continuación, cargue el archivo .zip del plugin y haga clic en Instalar
ahora . Luego haga clic en Activar plugin .

Paso 2: crea tu primera historia web

Ahora que tiene el plugin instalado y activado, es hora de crear su primera
historia. Haga clic en Historias en la barra lateral de WordPress. Esto lo
llevará al panel de Historias web:

panel de Historias web

Desde aquí, puede ver y editar las historias web que ha creado, explorar las
ocho plantillas disponibles o crear una nueva historia.

Haga clic en la pestaña Plantillas para ver ejemplos de plantillas de
historias. Estos son excelentes para la inspiración, pero para este ejemplo,
vamos a crear una nueva historia desde cero.

Haga clic en Crear nueva historia en la esquina superior izquierda del
tablero. Esto abrirá el editor a una historia web en blanco:

El editor de Historias web para WordPress.

La página actual está en el centro. A la izquierda, hay tres paneles: imágenes
(de su biblioteca multimedia de WordPress), texto y formas. Arrastre cualquier
objeto de estos paneles al editor para agregarlo:

Agregar contenido al editor de Historias web en WordPress.

Seleccione un objeto en la página para abrir el panel Diseño a la derecha,
donde puede encontrar opciones para ese objeto.

Creemos una diapositiva de portada para nuestra historia. Seleccionaremos la
imagen que agregamos y haremos clic en Establecer como fondo :

Establecer una imagen de fondo para una historia web en WordPress.

A continuación, agregaremos un bloque de encabezado. Este será el título de
nuestra historia web. Luego usaremos las opciones de diseño para agregar un
fondo translúcido y ajustaremos la fuente para hacer que el título resalte:

Una página de historia web completa en WordPress.

¡Ahora tenemos una página completa! Para agregar otro, haga clic en el botón
Agregar página en el centro del editor. Tu historia puede tener entre cuatro y
30 páginas.

Si prefiere ver un video explicativo

Paso 3: publique y vea su historia

En cualquier momento, puede guardar su borrador u obtener una vista previa de
la historia con los botones en la esquina superior derecha del editor. Cuando
haya terminado, haga clic en Publicar :

Puede elegir ver la historia de inmediato, agregarla a una nueva publicación o
descartar la ventana emergente y trabajar en otra cosa. Elija Agregar a
publicación nueva para crear un nuevo borrador con su historia web incrustada.

¡Eso es! Hay muchas opciones con las que puedes jugar para modificar tus
diseños, pero ahora tienes los conceptos básicos para crear tus propias
historias web.

Conclusión

Si está buscando nuevas formas de impulsar el tráfico e involucrar a los
visitantes en su sitio, no busque más allá de las Historias web. El nuevo
plugin Web Stories para WordPress de Google hace que la creación de este tipo
de contenido sea rápida y sencilla.

Cubrimos mucho terreno en este artículo, incluido cómo comenzar:

  • Instale el plugin Web Stories para WordPress desde la página de GitHub de
    Google.
  • Cree su primera historia web con el editor de arrastrar y soltar.
  • Publique su historia web y cree una nueva publicación de WordPress para
    acompañarla.
]]>
AMP en tu sitio web de WordPress acelera la versión móvil /2020/09/24/amp-en-tu-sitio-web-de-wordpress-acelera-la-version-movil/ Thu, 24 Sep 2020 19:35:00 +0000 /2020/09/24/amp-en-tu-sitio-web-de-wordpress-acelera-la-version-movil/ ¿Qué es Google AMP?
Google AMP significa páginas móviles aceleradas de Google y es un catálogo de código abierto de páginas web que son aptas para dispositivos móviles. El objetivo de AMP es hacer que estas páginas móviles se carguen más rápido y sean más fáciles de recorrer.

AMP en tu sitio web de WordPress

En realidad, lo que sucede es que Google AMP crea un duplicado de su sitio web en formato AMP HTML, que se basa en tecnologías web previamente existentes.

Esto elimina muchos de los elementos en su sitio que hacen que se cargue más lento, a su vez, lo que lo hace más rápido. Además de eso, Google «aplana» su sitio para que se cargue aún más rápido.

Google lanzó AMP en octubre de 2015 con su enfoque principal en la velocidad. Eso tiene sentido porque el 53% de las personas abandonan un sitio web si tarda más de tres segundos en cargarse. Y el 73% de los usuarios móviles dicen que han visitado un sitio web que era demasiado lento.

¿Por qué importa AMP?

El AMP es importante debido a esta estadística: un retraso de un segundo en el tiempo de carga puede resultar en una pérdida de conversiones del 7% .

Hoy en día, muchas empresas confían en sus sitios web para realizar conversiones, como probablemente sea el caso de su empresa. Entonces puede ver por qué un tiempo de carga rápido puede potencialmente hacer o deshacer el crecimiento de su empresa.

Aquí hay otra razón por la que AMP es importante: si un motor de búsqueda ve que su sitio no se cargará lo suficientemente rápido para los usuarios móviles, Google no lo mostrará en la parte superior de los resultados de búsqueda.

Es por eso que muchas de las compañías conocidas han implementado AMP en sus sitios, incluidos WordPress, Pinterest, LinkedIn y Reddit.

Ventajas de usar WordPress AMP

¿Cómo puede el uso de un sitio AMP de WordPress beneficiar su tráfico y su negocio? Estas son las ventajas de optimizar para AMP.

AMP es gratis
Desde el lanzamiento de AMP, ha sido completamente gratuito para cualquiera. Es una de las muchas herramientas gratuitas que Google ofrece para los administradores de sitios web. Básicamente, Google quiere que las personas tengan una mejor experiencia al usar su servicio, y su sitio es parte de esa experiencia. Entonces, ¿por qué cobrarle para que su sitio sea más fácil de usar?

Impulso de optimización de motores de búsqueda

Google prefiere mostrar a los usuarios sitios que forman parte de AMP, por lo que tener páginas AMP en su sitio le brinda una mejor oportunidad de aparecer en la primera página de resultados de búsqueda.

Además, el uso de AMP ayuda a aumentar la velocidad de su página, que es un factor importante cuando se trata de SEO. Cuanto más rápido se cargue su sitio, es más probable que Google le otorgue una mejor clasificación en los resultados de búsqueda.

Además, Google AMP se asegura de que su sitio aparezca en el carrusel de Google Noticias, que es una prioridad más alta que los resultados de la mitad superior de la página en dispositivos móviles.

Mejor experiencia de usuario

El uso de AMP no solo carga su sitio web más rápido, sino que también es más conveniente para los visitantes del sitio. La velocidad es uno de los factores más importantes para un sitio web. Como mencionamos anteriormente, la mayoría de las personas abandonan un sitio web si no se carga lo suficientemente rápido.

Por lo tanto, ofrecer a sus usuarios una mejor experiencia con AMP significa que podría ver menos rebotes, clientes más felices y un posible aumento en las ventas.

Rendimiento mejorado del servidor
Debido a que AMP elimina los elementos de su página que la ralentizan, el ancho de banda necesario disminuye. Y cuanto menos ancho de banda requiera su sitio, mejor será el rendimiento de su servidor.

Previene grandes marcos
Participar en AMP puede ayudar a evitar que los sitios utilicen grandes marcos de hojas de estilo en cascada (CSS) y JavaScript (JS).

Opciones de publicidad
Si su sitio está en AMP, tiene opciones de publicidad que pueden ser exclusivas para los usuarios móviles que visitan su sitio. Los anuncios aparecerán de manera diferente en sus páginas AMP que en su sitio habitual, lo que significa que puede crear y compartir anuncios específicos para dispositivos móviles.

Optimización automática de imagen

Cuando crea una versión AMP de su sitio, todas sus imágenes se optimizan para usuarios móviles, incluida la conversión de imágenes al formato WebP cuando sea necesario. Por lo tanto, aún puede entregar una publicación o página de blog fácil de ver a sus visitantes móviles.

Es más fácil de lo esperado
Implementar AMP en su sitio de WordPress es mucho más fácil que muchas otras plataformas de creación de sitios web, gracias a algunos plugins muy útiles (más sobre eso a continuación).

Es de código abierto
Debido a que AMP es de código abierto, continúa mejorando. Además, es más seguro porque todo es público, lo que significa que hay menos posibilidades de que alguien o algo pueda corromper todo el sistema.

Los 4 mejores plugins de WordPress AMP

Configurar manualmente su sitio en Google AMP es complicado. Afortunadamente, hay muchos plugins AMP para WordPress que hacen que este proceso sea muy simple.

Así que echemos un vistazo a los 4 mejores plugins de WordPress AMP.

1. AMP (el plugin oficial de WordPress)

El plugin AMP de WordPress es bueno tanto para principiantes como para aquellos que buscan mejorar su optimización AMP en un sitio de WordPress. Sin embargo, los principiantes de WP pueden encontrarse con una curva de aprendizaje más que los expertos, ya que requiere una codificación simple.

Este plugin le brinda una guía que muestra cómo puede personalizar su sitio AMP. Aunque puede que no sea tan fácil de usar como algunos de los otros plugins de código abierto, lo están desarrollando y mejorando constantemente.

Comience con AMP (el plugin oficial de WordPress)

2. AMP para WP

AMP for WP es un plugin que optimiza inmediatamente su sitio para Google AMP. Viene con extensiones, herramientas de diseño y soporte adicional.

Los desarrolladores lo actualizan regularmente para eliminar errores y agregar nuevas funciones, por lo que no se quedará atrapado con un plugin que nunca mejora. Es ideal para los principiantes de WordPress, ya que funciona sin requerir mucha experiencia.

AMP para WP le permite crear un diseño AMP que es diferente del diseño de su sitio web habitual, gracias a la función de editor AMP personalizado de arrastrar y soltar. Esto le brinda un control completo sobre lo que ven sus usuarios de dispositivos móviles en lugar de dejarlo en manos de Google.

Comience con AMP para WP

3. AMP WP

AMP WP dice que puede hacer que su sitio móvil se cargue 5 veces más rápido usando sus funciones. Eso suena como una afirmación audaz, pero en realidad es creíble.

La lista de funciones gratuitas es bastante larga e incluye cosas como «Soporte completo de Google AMP» y «Compatibilidad automática de plugins de AMP».

Cuando instala el plugin, puede elegir la instalación automática, que es donde WordPress transfiere todos los archivos por usted y no tendrá que salir de su navegador web.

Comience con AMP WP

4. AMP en WordPress

El AMP en WordPress: el plugin weeblrAMP CE tiene una versión gratuita y una de pago para crear páginas AMP. Puede crear una versión AMP completa de su sitio web, optimizando publicaciones, páginas, etiquetas, categorías e incluso archivos.

Si obtiene la edición premium, puede convertir automáticamente los formularios para que los usuarios puedan seguir utilizándolos fácilmente, incluidos los formularios de registro de MailChimp, Contact Forms 7, WooCommerce, WPForms y muchos más.

weeblrAMP viene con la configuración predeterminada, por lo que puede comenzar a trabajar para usted de inmediato. Y si es desarrollador, tiene control sobre cada parte del AMP: puede anular plantillas, filtros y acciones. Esto significa que su sitio AMP se verá y actuará de la manera más similar posible a su sitio real.

Ya sea que sea un usuario gratuito o un usuario pago, la interfaz está diseñada de forma sencilla, aunque está dirigida a desarrolladores y diseñadores.

Comience con AMP en WordPress

Cómo probar que Google AMP funciona correctamente

Ahora debe asegurarse de que su sitio AMP funcione correctamente. Hay dos formas principales de validar su AMP de WordPress, las cuales le darán una lectura de su código y cualquier error que deba corregir.

Herramienta de prueba de AMP de Google

La forma en que prueba su sitio de Google AMP es a través de la herramienta de prueba de AMP de Google . Lo lanzaron en octubre de 2016, solo un año después del lanzamiento de AMP.

Entonces, ¿cómo se utiliza la herramienta de prueba de Google AMP?

Bueno, una vez que llegue a la página principal de la herramienta de prueba, simplemente ingrese la URL de su sitio, página o publicación en el cuadro y presione » Probar URL «

Luego, el robot de Google analizará la optimización de AMP de su sitio, incluida la validez de su marcado de AMP y datos estructurados.

Si tiene un sitio optimizado para AMP válido, esta herramienta le mostrará una vista previa de cómo pueden verse sus páginas AMP en la página de resultados de búsqueda de Google.

Esta herramienta hace que sea mucho más fácil encontrar errores de AMP en su sitio, y puede ayudarlo a mostrar el código que está causando el problema. También puede compartir fácilmente los resultados del análisis con los miembros de su equipo haciendo clic en el botón compartir en la esquina inferior derecha.

Contras de Google AMP

A estas alturas, puede pensar que participar en Google AMP es obvio. Pero, al igual que cualquier otra cosa, tiene un lado negativo.

Restricciones CSS y JS
Aunque limitar los marcos CSS y JS ayuda a que los sitios se carguen más rápido, puede terminar eliminando elementos de marca, como gráficos, animaciones e imágenes de alta definición. Y una cosa que hace que un sitio sea único y amigable es la marca. Es posible que haya escrito una publicación de blog que usa infografías; con Google AMP, se pueden eliminar.

Muestra solo páginas en caché
AMP solo muestra páginas en caché, lo que significa que los usuarios pueden no tener acceso a su contenido más reciente. ¿Por qué pasó esto? Porque Google puede mostrar resultados más rápido al cargar sus páginas en caché.

Opciones de ingresos publicitarios limitados
Google AMP le permite anunciar, pero el proceso es complicado y ofrece una integración limitada con otras plataformas publicitarias. Este es el proceso paso a paso para usar anuncios en AMP .

Puede dañar el compromiso
Aunque la idea de Google AMP es aumentar el compromiso, algunas personas informan que usar AMP genera tasas de rebote mucho peores y menos sesiones de página.

Problemas de seguimiento
Las estadísticas de sus páginas AMP se rastrean y almacenan por separado y de manera diferente a su sitio real. Por lo tanto, a menos que sea muy cuidadoso y organizado, puede terminar perdiendo el rastro de las estadísticas de su sitio.

El principal beneficio de usar un sitio de WordPress AMP

Si su sitio web carga incluso un segundo o dos más lento, podría afectar drásticamente el tráfico de su sitio web. Su tasa de rebote podría aumentar. La experiencia del usuario es pobre. Y es posible que Google no clasifique bien su sitio porque nota que es lento.

La velocidad es lo más positivo para implementar un plugin AMP de WordPress. Aunque el uso de AMP puede ayudar con el SEO, mejorar el rendimiento de su servidor y optimizar sus imágenes, tener un sitio web rápido es la razón más convincente para usarlo.

]]>
Donaciones en su sitio de WordPress /2020/09/22/donaciones-en-su-sitio-de-wordpress/ Tue, 22 Sep 2020 00:01:00 +0000 /2020/09/22/donaciones-en-su-sitio-de-wordpress/  Ya sea que sea una organización benéfica o un creador de contenido que
ha estado trabajando durante un tiempo, probablemente esté considerando
acercarse a su audiencia para obtener apoyo financiero. Sin embargo, poder
aceptar donaciones en su sitio de WordPress puede ser difícil sin las
herramientas adecuadas.

Donaciones en su sitio de WordPress

Afortunadamente, existen varios plugins excelentes que puede utilizar para
configurar esta funcionalidad en su sitio web. Sin ningún conocimiento de
codificación, puede crear formularios de donación ingeniosos, administrar sus
flujos de ingresos, establecer metas y más. 

En este artículo, le presentaremos tres plugins fáciles de usar que puede
instalar para aceptar donaciones en su sitio de WordPress. ¡Hagámoslo!

Por qué puede querer aceptar donaciones en su sitio de WordPress

WordPress es una excelente plataforma para organizaciones sin fines de lucro .
Es de código abierto, escalable e incluye muchas características que pueden
ayudarlo a construir y conectarse con comunidades en línea. Sin embargo, no es
necesario ser una organización benéfica para depender del apoyo de los
donantes. 

Por ejemplo, las donaciones en línea se pueden utilizar como una alternativa
de financiación colectiva para artistas, bloggers o incluso desarrolladores de
software. Ya sea que cree contenido inspirador o proporcione productos
gratuitos que sean valiosos para su audiencia, aceptar ayuda financiera puede
convertir su pasión en un negocio.

Recibir donaciones en línea requiere que pueda procesar los pagos. Sin
embargo, a diferencia de los sitios web de comercio electrónico, el proceso de
«pago» no tiene por qué vincular a un producto específico. Todo lo que
necesitan sus seguidores es un llamado a la acción (CTA) claro y la capacidad
de elegir cuánto quieren contribuir.  

Cuando busque el plugin de donación de WordPress óptimo, considere el tamaño
de su proyecto y si necesita incluir formularios muy atractivos. Algunas
características clave pueden incluir:

  • La capacidad de establecer metas.
  • Una barra de progreso para demostrar cuánto ha recaudado hasta ahora
  • Opciones de gestión de donantes
  • Varias pasarelas de pago
  • Una opción para configurar donaciones recurrentes
  • Información y funcionalidad de marketing avanzadas

Si está recaudando fondos para varios proyectos, probablemente necesite algo
más que un simple formulario de donación. Por ejemplo, es posible que necesite
funciones que le ayuden a lanzar una campaña de marketing u otras soluciones
sólidas.

Cómo aceptar donaciones en su sitio de WordPress (3 plugins principales)

Ahora que hemos cubierto los conceptos básicos, veamos tres plugins
principales para aceptar donaciones en su sitio web de WordPress, sin importar
el tamaño de su proyecto. También le mostraremos cómo comenzar con cada uno de
ellos.

1. Dar WP

El plugin GiveWP.

GiveWP es un popular plugin de WordPress utilizado por muchas organizaciones
benéficas y sin fines de lucro. La versión gratuita tiene funciones limitadas,
aunque es suficiente para agregar funciones básicas de donación a su sitio
web.

Con el producto freemium, puede aceptar donaciones a través de PayPal o
Stripe. También obtiene acceso a prácticas herramientas de presentación de
informes y funciones de gestión de donantes. 

GiveWP cuenta con un hermoso diseño con elegantes formularios de donación, que
se integran a la perfección con su tema. También puede agregar campos y
objetivos adicionales para atraer a más personas a donar:

Si necesita funciones más avanzadas, puede actualizar a una de las opciones
premium. El plan básico comienza en $ 199 por año y le brinda acceso a todas
las pasarelas de pago, recibos en PDF y plugins de marketing adicionales, como
la integración de MailChimp .

Para usarlo, instale y active el plugin. Luego, vaya a Donaciones>
Configuración para configurar su formulario. Vaya a cada pestaña para
establecer sus preferencias, incluida la moneda, las pasarelas de pago y las
opciones de visualización. También puede elegir una plantilla de correo
electrónico básica para comunicarse con sus donantes:

La configuración de GiveWP.

Una vez que esté satisfecho con su configuración, vaya a Donaciones>
Agregar formulario . Verá una nueva ventana con varias pestañas donde puede
personalizar su formulario. Establezca los niveles de donación que desee y
elija si dejar de aceptar fondos una vez que alcance su objetivo:

Creando un formulario con GiveWP.

Cuando haya terminado, haga clic en Publicar y estará listo para comenzar a
aceptar donaciones en su sitio de WordPress. También puede consultar la
extensa biblioteca de soporte de GiveWP para obtener instrucciones detalladas.

2. Donación de PayPal

El plugin de donación de PayPal.

PayPal se ha especializado en cobrar pagos en línea durante muchos años, por
lo que no es sorprendente que tenga un plugin dedicado para donaciones . Es
una excelente opción si desea una solución simple sin la molestia de
configurar formularios. También podría decirse que es la forma más rápida de
comenzar a recolectar dinero en su sitio web.

La versión gratuita del plugin le ofrece una opción de botones de donación con
la marca PayPal, que puede incluir en cualquier lugar de sus publicaciones y
páginas. Puede enumerar hasta diez niveles de donación. También admite 25
monedas y 18 idiomas, lo que es útil si sus donantes son internacionales.

PayPal Donation Pro viene con opciones adicionales de donación recurrente y
hasta 20 elementos en el menú desplegable. Los precios comienzan desde $ 59.95
por año para un solo sitio web. Tenga en cuenta que PayPal puede cobrar
tarifas de transacción por procesar donaciones.

Para usarlo, debe tener una cuenta de PayPal. Una vez que haya instalado y
activado el plugin, vaya a Configuración e ingrese su dirección de correo
electrónico de PayPal:

La configuración del plugin de donación de PayPal.

A continuación, vaya a Botones y haga clic en Nuevo botón de donación de
PayPal . Verá una pantalla donde puede ingresar los detalles de su opción de
donación, como el nombre del botón y la cantidad deseada:

Un botón de donación de PayPal.

Una vez que haya guardado sus cambios, podrá insertar directamente un botón de
Donación de PayPal desde el editor de publicaciones. 

3. Caritativo

El plugin Charitable.

Charitable es otro plugin de freemium que le permite aceptar donaciones a
través de PayPal. Puede configurarlo rápidamente y crear campañas de
recaudación de fondos ilimitadas.

Los formularios de donación son personalizables y se verán geniales con
cualquier tema de WordPress. También puede agregar objetivos, establecer
cronogramas, enviar recibos y correos electrónicos de seguimiento, y mucho
más:

Ejemplos de campañas de donación realizadas con el plugin Charitable.

Si bien la versión gratuita es bastante sólida, puede actualizar a una de las
extensiones pagas. Las versiones premium le dan acceso a donaciones
recurrentes, múltiples pasarelas de pago, geolocalización y herramientas de
marketing avanzadas. Los precios comienzan en $ 77.40 por año y hay una
garantía de devolución de dinero de 30 días.

Para usarlo, instale y active el plugin, luego vaya a Caridad>
Configuración . Complete los campos en General para configurar su país base y
moneda preferida:

Configuración general de Chartiable.

Luego, vaya a las Opciones de visualización del formulario de donación , donde
podrá elegir entre tres variaciones de visualización.

A continuación, vaya a Apariencia> Personalizar , donde puede editar el
aspecto de su formulario. Una vez que haya guardado sus cambios, configure sus
ajustes de PayPal en Pasarelas de pago :

Las opciones de pasarela de pago benéfico.

Ahora que está listo para configurar un formulario de donación, siga las
instrucciones detalladas del plugin sobre cómo crear una nueva campaña.

Conclusión

Proporcionar contenido gratuito o desarrollar un nuevo producto no tiene por
qué significar que no pueda ganar dinero como un negocio normal. Aprender a
aceptar donaciones en su sitio de WordPress puede ayudarlo a generar un nuevo
flujo de ingresos. Con el plugin adecuado, puede transformar fácilmente su
sitio web y comenzar a aceptar donaciones hoy.


En resumen, estos son los tres plugins principales para aceptar donaciones en
su sitio de WordPress:

Give WP : una excelente opción para organizaciones benéficas y sin fines de
lucro.

Donación de PayPal : una forma sencilla de comenzar a aceptar donaciones en
línea sin formularios largos que los donantes deben completar.

Caritativo : Adecuado para proyectos más grandes y aquellos que necesitan
ejecutar múltiples campañas.

¿Tiene alguna pregunta sobre la aceptación de donaciones en su sitio de
WordPress?

]]>
Instalar Worpress en tu ordenador /2020/09/21/instalar-worpress-en-tu-ordenador/ Mon, 21 Sep 2020 13:44:00 +0000 /2020/09/21/instalar-worpress-en-tu-ordenador/  ¿Quiere crear un sitio WordPress local en su ordenador usando XAMPP?

La instalación de WordPress en su ordenador le ayuda a probar WordPress, probar temas y plugins y aprender a desarrollar en WordPress.

En este artículo, le mostraremos cómo crear fácilmente un sitio de WordPress local usando XAMPP.

Creando la instalación local de WordPress usando XAMPP

Creando la instalación local de WordPress usando XAMPP

¿Por qué crear un sitio local de WordPress?

La creación de sitios locales de WordPress es una práctica común entre los desarrolladores y propietarios de sitios. Le permite probar WordPress sin crear un sitio web real en Internet.

Los sitios web locales solo son visibles para usted en su ordenador. Puede probar diferentes temas y plugins de WordPress, probar sus funciones y aprender los conceptos básicos de WordPress.

Si ya tiene un sitio web de WordPress , puede crear una copia local de su sitio web en su ordenador para probar nuevas actualizaciones de complementos antes de implementarlas en su sitio web en vivo.

Importante: el sitio web local solo será visible para usted en su ordenador. Si desea crear un sitio web en vivo, necesitará un nombre de dominio y alojamiento de WordPress .

Siga las instrucciones paso a paso en nuestra guía de cómo iniciar un blog de WordPress cuando esté listo para crear un sitio web en vivo.

Dicho esto, veamos cómo instalar WordPress localmente en Windows, Mac o Linux usando XAMPP.

¿Qué es XAMPP?

XAMPP es un paquete de software que incluye todo lo que necesita para configurar un entorno de servidor local en su ordenador.

Para crear un sitio local de WordPress, necesita configurar un software de servidor web (Apache), PHP y MySQL en su ordenador.

PHP es un lenguaje de programación y MySQL es un software de administración de bases de datos. Ambos son necesarios para ejecutar WordPress.

Instalar cada uno de ellos por separado es bastante difícil para los principiantes. Aquí es donde entra XAMPP.

XAMPP le facilita la creación de sitios web de WordPress localmente. Está disponible para ordenadors basadas en Windows, Mac y Linux.

Comencemos instalando XAMPP y configurándolo para ejecutar su sitio local de WordPress.

Instalación de XAMPP en su ordenador

Primero, debe visitar el sitio web de XAMPP y hacer clic en el botón de descarga de su sistema operativo.

Descarga XAMPP en tu ordenador

Dependiendo de su sistema operativo, su asistente de instalación y la interfaz de la aplicación pueden diferir de las capturas de pantalla aquí. Por el bien de este artículo, le mostraremos la versión de Windows del software.

Después de descargar XAMPP, deberá hacer clic y ejecutar el instalador.

Asistente de configuración de XAMPP

XAMPP le preguntará dónde instalar el software y qué paquetes le gustaría instalar. La configuración predeterminada funcionará para la mayoría de los usuarios. Siga haciendo clic en el botón ‘Siguiente’ para finalizar el asistente de configuración.

Despés de finalizar el asistente, marque la opción ‘iniciar el panel de control ahora’ y luego haga clic en el botón finalizar.

Termine de configurar e inicie el panel de control XAMPP

Esto iniciará la aplicación del panel de control XAMPP.

Con la aplicación XAMPP, puede ejecutar el servidor web Apache como su servidor local y MySQL como su servidor de base de datos. Continúe y haga clic en el botón de inicio junto a Apache y MySQL.

Inicie Apache y MySQL para iniciar su servidor local

Inicie Apache y MySQL para iniciar su servidor local


XAMPP ahora iniciará Apache y MySQL. Es posible que vea una notificación de firewall de Windows, es importante que haga clic en el botón ‘Permitir acceso’ para que ambas aplicaciones se ejecuten en su ordenador.

Permitir el acceso del firewall a Apache y MySQL

Permitir el acceso del firewall a Apache y MySQL


Una vez que se inicien ambas aplicaciones, sus nombres se resaltarán en verde.

Ahora está listo para crear un sitio web local e instalar WordPress usando XAMPP.

Creación de un sitio local de WordPress con XAMPP

Primero, necesitará descargar WordPress. Visite el sitio web de WordPress.org y haga clic en el botón ‘Descargar WordPress’.

Después de descargar WordPress, debe extraer el archivo zip y verá una wordpresscarpeta. Necesita copiar esta carpeta.

Carpeta de WordPress

A continuación, dirígete a la carpeta de instalación de XAMPP.

En Windows sería C:/Program Files/XAMPP/htdocso C:/Xampp/htdocscarpeta.

En Mac, será /Applications/XAMPP/htdocscarpeta.

Pegue la wordpresscarpeta que copió anteriormente dentro de htdocs.

Recomendamos cambiar el nombre de la carpeta de wordpress a sitios web o cualquier otra cosa. Esto le ayudará a identificar fácilmente su sitio local.

Cambiar el nombre de la carpeta de WordPress

A continuación, debe abrir su navegador web favorito e ingresar la siguiente URL en la barra de direcciones de su navegador.

https: // localhost / sitio web1 /

Si cambió el nombre de la carpeta de WordPress a otra cosa, reemplace website1 con su propio nombre de carpeta.

Esto cargará el asistente de instalación de WordPress y se le pedirá que seleccione un idioma. Después de seleccionar un idioma, haga clic en el botón «Continuar».

Seleccione el idioma

En la siguiente pantalla, verá un aviso de que WordPress necesita un nombre de base de datos, nombre de usuario de base de datos, contraseña e información de host.

Requisitos de instalación de WordPress

Creemos una base de datos para su sitio de WordPress.

Deberá abrir una nueva pestaña del navegador y visitar https: // localhost / phpmyadmin /.

Creemos una base de datos para su sitio de WordPress.


Esto iniciará la aplicación phpMyAdmin que viene preinstalada con XAMPP. Le permite administrar fácilmente sus bases de datos utilizando una interfaz más simple.

Debería hacer clic en Bases de datos y proporcionar un nombre para su nueva base de datos. Después de eso, haga clic en el botón ‘Crear’ para continuar.

Crear una base de datos para su sitio local de WordPress

Ahora que ha creado una base de datos, puede usarla para su sitio de WordPress.

Vuelva a la pestaña / localhost / website1 / browser y haga clic en el botón ‘Let’s Go’.

En la siguiente pantalla, se le pedirá que proporcione la información de su base de datos de WordPress.

Ingrese el nombre de la base de datos que creó anteriormente. Su nombre de usuario es ‘root’ y debe dejar el campo de contraseña en blanco. Para el campo de host de la base de datos, debe usar localhost.

Ingrese la información de su base de datos de WordPress

Una vez que haya terminado, haga clic en el botón «Enviar» para continuar.

Si está en Windows o Linux, WordPress ahora almacenará estas configuraciones en su archivo de configuración de WordPress llamado archivo wp-config.php .

Sin embargo, si está en Mac, le mostrará el contenido del archivo y le pedirá que lo cree.

Deberá crear este archivo en la carpeta raíz de su sitio web.

Después de crear el archivo, pegue el texto que copió anteriormente en su interior. A continuación, debe guardar el archivo y volver al instalador de WordPress para continuar.

En el siguiente paso, WordPress le pedirá que proporcione información sobre su sitio web. Primero, ingrese el título que desea usar para este sitio.

Después de eso, debe ingresar un nombre de usuario, contraseña y dirección de correo electrónico para su cuenta de administrador.

Ingrese la información de su sitio local

Una vez que haya completado toda la información, haga clic en el botón ‘Instalar WordPress’ para continuar.

WordPress ahora ejecutará la instalación y le pedirá que inicie sesión una vez que haya terminado.

Puede iniciar sesión en su sitio web yendo a la /localhost/website1/wp-adminpágina y utilizando el nombre de usuario / contraseña que ingresó durante la instalación para iniciar sesión.

Página de inicio de sesión de WordPress

Cosas para probar después de crear un sitio local de WordPress

Ahora que ha creado su sitio WordPress local usando XAMPP, puede trabajar en él como lo haría en un sitio WordPress activo.

Dirígete al menú Apariencia en la barra lateral de administración de WordPress para personalizar la apariencia de tu sitio o instalar un nuevo tema

]]>
Consejos para su seguridad con WordPress /2020/09/08/consejos-para-su-seguridad-con-wordpress/ Tue, 08 Sep 2020 11:19:00 +0000 /2020/09/08/consejos-para-su-seguridad-con-wordpress/

No existe una forma segura de garantizar que un sitio web nunca, nunca, tenga un problema. Sin embargo, confiar en servicios confiables centrados en WordPress, como su proveedor de host y tema, puede resolver y prevenir muchos problemas comunes, incluidos los piratas informáticos.

Si su sitio de WordPress alguna vez ha sido pirateado, o incluso si lo acaba de imaginar al repasar todos los resultados posibles, sabe el pánico que seguramente se generará. El simple hecho de saber que una violación de seguridad es posible es suficiente para encaminarlo para crear un sitio web más seguro supervisado por un host confiable. En este artículo, veremos cómo fortalecer su sitio web de WordPress y armarlo con la mejor seguridad posible.

Así es como puede verse si su WordPress es pirateado:

No puede iniciar sesión. Una de las formas más fáciles para que los piratas informáticos obtengan acceso a su cuenta de WordPress es cambiar la contraseña de usuario. Sin embargo, también pueden eliminar su cuenta de usuario por completo. No poder acceder a su cuenta con su contraseña habitual y no poder restablecer su contraseña es una señal fuerte de que ha sido pirateado porque significa que su cuenta de usuario se ha ido.

Hay contenido nuevo en su sitio … y no lo puso allí. Si nota que hay una página estática en lugar de su página de inicio y / o si se reemplaza el tema del sitio web, eso es una señal de que ha sido pirateado. Sin embargo, puede haber diferencias mucho más sutiles que tendrá que buscar más para encontrar. Por ejemplo, puede haber un enlace aleatorio en el contenido que dirige a un sitio sospechoso.

Su sitio web redirige a otro sitio web. Los piratas informáticos a veces agregan scripts que redirigen a los visitantes a un sitio totalmente diferente, uno en el que definitivamente no los desea. El uso de un servidor inseguro aumenta la probabilidad de que esto suceda, por lo que es importante elegir siempre un alojamiento de calidad.

Hay una advertencia del navegador o de Google cuando intenta acceder a su sitio. Hay algunas razones diferentes por las que puede recibir una advertencia en el navegador de que hay un problema con su sitio, y la piratería es solo una de ellas. También podría tener que ver con un complemento o código de tema que deba eliminarse. O puede ser un problema con su dominio o SSL, con lo que su anfitrión puede ayudar. Sin embargo, si Google muestra una advertencia, eso podría indicar un pirateo del mapa del sitio, lo que afecta la forma en que Google rastrea su sitio.

Siempre que haya una vulnerabilidad de seguridad

Su complemento de seguridad de WordPress o el servidor web debería notificarle de la infracción. Tener medidas de seguridad para alertarlo sobre el problema y resolverlo es el mejor curso de acción.

Hay varias formas en que los piratas informáticos pueden tomar el control de su sitio web .

La mayoría de los hacks de WordPress están automatizados, y la parte más frustrante es que pueden evitarse fácilmente manteniendo su sitio de WordPress actualizado. Si bien es posible que un pirata informático apunte a un sitio específico, generalmente los sitios web son parte de un ataque mucho más grande y amplio. Así es como los piratas informáticos se apoderan de su sitio:

Puertas traseras : son archivos o scripts ocultos, presentan una forma alternativa de acceder a su sitio. Luego, se puede usar una puerta trasera para agregar una redirección maliciosa a otro sitio al que no desea enviar a sus visitantes.

Inicios de sesión de fuerza bruta : es cuando las herramientas automatizadas descubren contraseñas débiles.

Cross-scripting : permite a los piratas informáticos enviar código malicioso a un navegador a través de un script en un complemento que se está utilizando.

Denegación de servicio (DoS) : agrega errores o errores al código de un sitio web para que el sitio ya no funcione correctamente.

Cuando se ingresa un código en una versión desactualizada de WordPress.

Estos suenan bastante aterradores. Afortunadamente, hay pasos que puede tomar para evitar que ocurran estos problemas en primer lugar.

Hay varias formas de hacer que su sitio web sea más seguro 

Evitar que le pirateen WordPress en el futuro. Si bien es posible que pueda manejar algunas de estas tareas obligatorias por su cuenta, siempre es mejor trabajar con un host dedicado que tomará las precauciones de seguridad adecuadas, monitoreará su sitio, responderá a cualquier posible infracción y lo mantendrá informado en todos y cada uno de los problemas.

En este artículo, lo guiaremos a través de algunos de los métodos de endurecimiento que puede abordar por su cuenta, pero tenga en cuenta que otros suelen ser demasiado avanzados para el usuario promedio. En ese caso, querrá trabajar con un profesional de seguridad de WordPress, como un host de próxima generación, para una seguridad completa y profunda.

15 consejos para crear un sitio web seguro en WordPress

Hay una serie de razones por las que su sitio de WordPress puede ser pirateado, y también hay varias formas de fortalecer su sitio. Repasemos las principales vulnerabilidades de seguridad que todas las agencias, desarrolladores y autónomos deben conocer, además de cómo proteger su sitio para que no caiga en ellas.

Utilice siempre la última versión de WordPress

Cada vez que WordPress lanza una nueva versión, debe actualizar su sitio web lo antes posible. Las versiones de WordPress a menudo tienen parches de seguridad para solucionar problemas con la versión anterior. Si no actualiza, podría dejar su sitio vulnerable.

Al tener siempre la última versión de WordPress, cierra las brechas de seguridad que los piratas informáticos pueden superar. Tu mejor opción es configurar actualizaciones automáticas para que se ejecuten sin que tengas que hacerlo manualmente. Y recuerde que cada vez que actualice su sitio, debe guardar una copia de seguridad de su sitio. Cualquier host de calidad actualizará automáticamente su sitio a la última versión de WordPress para que no tenga que estar al tanto.

Utilice las contraseñas más fuertes posibles

Si no crea un sitio web lo suficientemente seguro, es fácil para los piratas informáticos acceder a su panel de administración de WordPress, y una vez que lo hacen, pueden hacer prácticamente todo lo que quieran. Los piratas informáticos utilizan herramientas automatizadas para ejecutar numerosas contraseñas potenciales hasta que encuentran la correcta. Luego pueden iniciar sesión en su cuenta de administrador de WordPress y tener el control total.

Tener una contraseña débil es una de las mayores vulnerabilidades del sitio web, pero también es la más fácil de remediar. Además de configurar una contraseña segura para su cuenta de administrador de WordPress, y cambiarla regularmente, asegúrese de que todos los servicios relacionados con el sitio web estén protegidos por una contraseña segura y única, como su FTP y sus inicios de sesión de host.

A continuación, se ofrecen algunos consejos para establecer contraseñas seguras:

No use una versión de su nombre, nombre de usuario, marca o nombre del sitio web.

No uses una palabra del diccionario, ya sea en inglés o en otro idioma.

Nunca cree una contraseña corta, debe tener alrededor de ocho caracteres como mínimo.

No uses solo letras o números; tu contraseña debe combinar letras, números y símbolos.

Hay complementos de seguridad como Wordfence (también disponible como complemento de seguridad de inicio de sesión independiente ) que puede usar y que obligará a todos los usuarios a crear contraseñas seguras y, a veces, este servicio viene de serie con los planes de alojamiento. Además, si agrega autenticación de dos factores a su sitio web, será aún más difícil para los piratas informáticos ingresar y crear su propia cuenta. Además, si aún no lo ha hecho, establezca un horario para la actualización regular de contraseñas, como una vez cada 30, 60 o 90 días.

Establecer un límite en los intentos de inicio de sesión

El valor predeterminado de WordPress es permitir que los usuarios intenten iniciar sesión un número ilimitado de veces. Sin embargo, esto deja su sitio vulnerable a los piratas informáticos que intentan encontrar su contraseña probando numerosas combinaciones. Puede usar un complemento dedicado como Wordfence, vinculado anteriormente, para establecer un límite en los intentos de inicio de sesión, pero el firewall de su aplicación web (más sobre eso en un momento) puede venir de serie con esta función.

Limite el acceso a su sitio

Cuanto más grande sea su equipo, más difícil será limitar quién tiene acceso a su sitio. Sin embargo, cuantas menos personas, mejor, porque reduce el riesgo de violaciones de seguridad accidentales o intencionadas. Revise su lista de cuentas de administrador (vaya a Usuarios en la barra lateral del Panel de control) para ver si hay alguna que ya no sea parte del equipo, que no necesite acceso a WordPress o deba tener menos acceso a su sitio. Además, tenga en cuenta los usuarios que no reconoce.

Antes de eliminar a un usuario que no reconoce, consulte con los titulares de su cuenta para ver si actualizaron los detalles de su cuenta; es posible que un usuario sea un administrador real, pero ha realizado un cambio que no reconoce. En este punto, también limpie su lista de usuarios para eliminar a cualquier persona que ya no sea parte de su sitio web y / o que no debería tener acceso. Haga clic en la casilla de verificación junto a cualquier usuario que desee eliminar, luego cambie el menú desplegable Acciones masivas a Eliminar. O, para eliminar un solo usuario, haga clic en el enlace Eliminar debajo de su nombre de usuario.

Configurar un temporizador de cierre de sesión para usuarios inactivos

Si tiene muchas personas que tienen acceso a su sitio, considere usar un complemento dedicado que los cerrará automáticamente cuando estén inactivos. Si el usuario se aleja de su computadora mientras aún está conectado a su sitio, cualquiera puede hacer cambios en su cuenta de WordPress. Un complemento, como el cierre de sesión inactivo gratuito , le permitirá establecer la duración para decidir cuánto tiempo un usuario puede estar inactivo antes de que cierre la sesión automáticamente. También puede escribir un mensaje que aparecerá en la pantalla justo antes de que el usuario cierre la sesión; de esa manera, si todavía está frente a su computadora, puede optar por permanecer conectado.

Refuerce su sitio con protección del lado del servidor

Cuando puede tener protección en el lado del servidor de su sitio, los piratas informáticos tendrán aún más dificultades para ingresar . Al agregar una capa adicional de protección a su wp-admin , protege su pantalla de inicio de sesión, el área de administración de WordPress y los archivos. La mejor manera de hacer esto es usando HTTPS SSL, que es una conexión encriptada, para proteger su wp-admin . Consulte con su anfitrión para ver si ofrecen este nivel de seguridad.

Utilice un firewall de aplicaciones web

Una de las mejores formas de mantener su sitio seguro es mediante el uso de un firewall de aplicaciones web (WAF). Básicamente, un WAF mantendrá el tráfico malicioso alejado de su sitio. Hay dos opciones:

Cortafuegos de nivel DNS: este tipo de cortafuegos enviará tráfico a través de sus propios servidores proxy en la nube. El único tráfico que llegará hasta su sitio será tráfico de calidad y no malicioso.

Cortafuegos a nivel de aplicación: cuando usa un complemento para que funcione como WAF, el tráfico llegará a su servidor, pero el complemento lo comprobará antes de cargar los scripts.

Si bien un firewall a nivel de aplicación es mejor que nada, un firewall a nivel de DNS es la opción más segura de las dos. Los complementos populares como Wordfence , servicios como Cloudflare y hosts seguros como Convesio ofrecen esto.

Instale solo complementos y temas actualizados y confiables

Si tiene complementos o temas desactualizados o anulados, su sitio web de WordPress es vulnerable a un pirateo. “Nulled” se refiere a complementos y temas premium que deben pagarse (cuando se compran en la fuente correcta), pero que en cambio se ofrecen de forma gratuita en otro sitio. Estos elementos están destinados a recopilar información o, peor aún, dañar su sitio.

Nunca use un complemento o tema de una fuente en la que no confíe. Seleccione el suyo de la biblioteca de WordPress o asegúrese de leer muchas reseñas si va con una fuente externa. Además, cualquier complemento que elija debe probarse y ser compatible con su versión de WordPress.

La razón por la que los complementos y temas deben actualizarse es que esas actualizaciones incluyen funciones de seguridad y parches. Si no tiene la última versión, no tiene las últimas medidas de seguridad. Manténgase actualizado utilizando siempre las últimas versiones de complementos y temas de buena reputación. Si elige el proveedor de alojamiento adecuado, ejecutarán estas actualizaciones por usted.

Deshacerse de las instalaciones no utilizadas

Si ha desactivado complementos y temas que no necesitará, elimínelos. Lo mismo ocurre con los archivos innecesarios, las instalaciones de WordPress y las bases de datos: deshágase de ellos. Cuantos más datos haya en WordPress, más vulnerable será su sitio, especialmente cuando se trata de instalaciones antiguas de WordPress que no estarán actualizadas.

Eliminar archivos no deseados

Necesita descubrir cualquier archivo que no pertenezca allí y luego eliminarlo. Para hacer esto, es posible que deba instalar un complemento de seguridad, como los que se muestran a continuación. Las opciones populares son Wordfence, Defender y MalCare . Estos tipos de complementos pueden escanear su sitio y alertarlo sobre cualquier cosa que no pertenezca.

Imagen de complementos de seguridad

Sin embargo, tenga en cuenta que un proveedor de alojamiento web de calidad lo hará automáticamente, lo que significa que no tendrá que preocuparse por instalar un complemento, escanear con regularidad o eliminar archivos problemáticos. Y si cree que su sitio necesita un escaneo manual en este momento, puede comunicarse con su anfitrión para que se encargue de eso también.

Ejecute copias de seguridad y análisis regulares

Realice una copia de seguridad de su sitio de WordPress con regularidad (una vez al día o más) y asegúrese de incluir la base de datos, los archivos multimedia y los archivos de plugins y temas en cada copia de seguridad. Además, ejecute un escaneo de integridad de archivos y malware con regularidad para localizar cualquier archivo malicioso que pueda estar en su servidor. Hay varios complementos de seguridad de WordPress que puede utilizar para automatizar este proceso. Sin embargo, tenga en cuenta que los análisis no eliminan el malware, solo le permiten saber que está presente. Aún tendrá que deshacerse del malware usted mismo (o dejar que su host lo maneje).

También debe buscar regularmente malware, spyware y virus en su computadora . No importa qué tan seguro sea su sitio web, si su computadora no es segura, por ejemplo, si tiene un registrador de teclas, su sitio web está en riesgo.

Supervisar cambios en sus archivos

Cada vez que ocurre un ataque, hay algún rastro que deja atrás; puede haber evidencia del ataque en los registros o en los archivos, por ejemplo. Debe estar monitoreando sus archivos todo el tiempo y debe haber alertas configuradas para que sepa cada vez que se realiza un cambio. De esa manera, si ocurre un cambio que no conocía de antemano, puede evaluar rápidamente si se debe a una brecha de seguridad o no. Algunos de los complementos mencionados anteriormente, como Defender , pueden encargarse de esto por usted.

Limpia regularmente tu base de datos

Cuando limpia su base de datos, se deshace de los datos adicionales e innecesarios que su sitio ha acumulado a lo largo del tiempo, como spam y comentarios basura, configuraciones para temas que ya no usa, etc. Cuantos menos datos inútiles haya en su base de datos, más rápido su sitio se ejecutará. Además, si recibió una alerta de su complemento de seguridad o proveedor de que su base de datos ha sido pirateada, este paso es necesario. Hay varios complementos para elegir en el directorio de WordPress: WP Optimize es la opción dedicada más popular, o puede considerar WP-Sweep. Alternativamente, puede trabajar con un host que se encargue de la limpieza periódica de la base de datos por usted.

Elija un servidor web seguro

Cuando se asocia con una empresa de alojamiento insegura y poco confiable, se enfrenta a una serie de problemas, incluida la incapacidad de escalar, demasiado tiempo de inactividad del servidor y puntos únicos de falla. Debería poder escalar su sitio cuando el tráfico aumenta sin preocuparse de que se bloquee, caiga o se vuelva más vulnerable a las violaciones de seguridad. Aquí hay otra consideración: el mejor alojamiento aísla cada sitio web para que un sitio comprometido no afecte a los demás.

Si se conforma con un paquete de alojamiento económico y de baja calidad, estará compartiendo un servidor con cientos de otros clientes. Como resultado, su sitio se ralentizará. Además, todos esos otros sitios plantean riesgos de seguridad para su sitio: cuantos más sitios estén abarrotados en un servidor, más inseguridades hay. Además, un host «económico» probablemente no controlará su sitio de cerca ni sabrá si ha habido un ataque.

La mayoría de las empresas de alojamiento ofrecen algún tipo de servicio de seguridad, pero allí donde termina su función, comienza la suya, y si no tiene idea de cómo administrar o proteger un sitio web, el suyo podría quedar muy vulnerable. Trabaje con un host que ofrecerá una variedad de funciones de seguridad y supervisión y gestión las 24 horas.

Esté abierto a responder cualquiera de sus preguntas sobre seguridad, incluidas las explicaciones de las funciones que ofrecen y sus procesos.

Ofrezca la versión estable más reciente del software.

Realice copias de seguridad de su sitio web con regularidad y, al mismo tiempo, ofrezca procesos fiables de recuperación en caso de que algo salga mal.

Dos medidas de seguridad estándar que todo sitio debería tener es configurar un firewall y agregar SSL para mayor seguridad. Puede usar complementos para estos dos elementos imprescindibles, pero para mantener su sitio optimizado, es mejor si encuentra un host que incluya estas características en su plan estándar.

Aquí hay dos consideraciones más importantes al elegir un servidor web:

No use un servidor compartido. Nunca debe elegir un host que coloque su sitio en un servidor compartido. Cuando está en un servidor compartido, ese servidor aloja su sitio junto con muchos otros. Si un sitio está comprometido, el suyo también está en riesgo.

Utilice cifrado SFTP. Su proveedor de alojamiento web debe ofrecer cifrado SFTP, lo que significa que sus datos y contraseña están cifrados cuando se conecta a su servidor. Incluso si hay un pirata informático presente, no podrá ver su contraseña, ya que estará oculta cuando se transporte entre su computadora y su sitio web.

Configurar medidas de seguridad recurrentes

Al agregar un complemento de seguridad a su sitio de WordPress, se le notificará de la actividad sospechosa tan pronto como ocurra. Por ejemplo, si alguien intenta un inicio de sesión no autorizado o agrega un archivo, puede recibir una notificación. El complemento debe proporcionar una advertencia que comunique claramente cuál es el problema para que sepa los próximos pasos a seguir.

Alternativamente, puede trabajar con un proveedor de servicios de seguridad que supervisará su sitio y solucionará los problemas que ocurran. Sin embargo, esta es una opción costosa, pero la seguridad no debería ser una opción para la mayoría de los propietarios de sitios; necesita que su sitio de WordPress sea seguro. El alojamiento de WordPress de calidad debe tener un monitoreo de seguridad 24/7 incorporado para que no tenga que contratar a otro proveedor de servicios solo para mantener su sitio en funcionamiento.

Cómo priorizar la seguridad de WordPress con su servidor web

Es mejor asociarse siempre con proveedores que utilizan servicios de seguridad de primer nivel. Por ejemplo, Patchman es una solución a nivel de servidor que detecta y corrige vulnerabilidades y malware. Lo hace todo mientras se ejecuta en segundo plano: los clientes no tienen que instalarlo ni configurarlo, ni siquiera vigilarlo para su mantenimiento. Cuando Patchman detecta una corrección de seguridad en una nueva versión, retrocede la corrección para aplicarla a todas las versiones anteriores.

Aquí hay otro ejemplo: el motor de análisis de comportamiento de Human Presence detecta y elimina el 99% del spam de bots maliciosos. Los visitantes del sitio web no pueden ver que está funcionando, pero continúa protegiendo los análisis, los comentarios, los formularios y las revisiones, y también evita que el contenido y los datos se eliminen de su sitio.

Cuando elige el alojamiento web  los servicios de seguridad vienen de serie. Por ejemplo, la funcionalidad de seguridad empresarial de Cloudflare es una buena forma de proteger su sitio de WordPress, pero generalmente cuesta más por mes. Con el alojamiento de próxima generación, obtienes esto listo para usar.

Estas otras características de seguridad también son muy importantes. Con muchos paquetes de alojamiento, tendría que comprar estos beneficios de seguridad por separado; ahora, puede incluirlos en su paquete estándar:

Reglas de firewall avanzadas.

  • Conjunto de reglas administradas avanzadas.
  • Parcheo automatizado de malware.
  • Parcheo automatizado de vulnerabilidades.
  • Comentar y formar protección contra spam.
  • Mitigación de DDoS empresarial.
  • Detección de bot de presencia humana.
  • Detección inteligente de amenazas.
  • Conjuntos de reglas centrales de OWASP.
  • Limitación de la tasa.
  • Protección contra amenazas basada en la reputación.
  • Encuentre un alojamiento web en el que confíe

Confiar en el alojamiento seguro de WordPress es imprescindible para agencias, desarrolladores, autónomos y cualquier propietario de un sitio web que necesite que su sitio esté listo y funcionando sin contratiempos. El alojamiento de servicio completo significa que puede confiar en que su proveedor observará su sitio web de cerca, se enterará tan pronto como haya un problema y lo solucione, todo sin su participación. Estas son solo algunas de las características que debe buscar en un servidor web seguro:

  • HTTPS
  • PHP más reciente
  • Navegación de directorio deshabilitada
  • Seguridad de base de datos reforzada
  • Cifrado
  • Escala a demanda (lo que también evita costos innecesarios)
  • Aislamiento del sitio y seguridad del contenedor

Terminando

Un sitio web seguro no es uno que nunca tendrá problemas relacionados con la seguridad; sería imposible prometer eso . En cambio, un sitio web seguro es aquel en el que se realizan tantas reducciones de riesgos de seguridad como sea posible. Cuanto más fuerte y seguro sea su sitio web, menos vulnerable será a los ataques.

Algunas medidas de seguridad para evitar que su sitio sea pirateado WordPress son obvias y fáciles de manejar por su cuenta, como crear contraseñas seguras y optar solo por complementos y temas de buena reputación. Sin embargo, otros son más difíciles de administrar, especialmente si está a cargo de numerosos sitios web para clientes.

Nadie quiere lidiar con el problema de un hack de WordPress. Su sitio dejará de estar disponible para los visitantes y su negocio puede verse afectado, y cuanto más tiempo esté inaccesible su sitio, mayor será el impacto general. Es necesario actuar rápidamente.

]]>
WooCommerce o Shopify que elegir para su tienda online /2020/06/07/woocommerce-o-shopify-que-elegir-para-su-tienda-online/ Sun, 07 Jun 2020 19:22:00 +0000 /2020/06/07/woocommerce-o-shopify-que-elegir-para-su-tienda-online/
¿Estás planeando construir tu primera tienda en línea pero estás abrumado por las elecciones que tienes que hacer? ¿O ya tienes uno pero no estás contento con tu plataforma actual?
Estas dos plataformas de comercio electrónico encabezan las búsquedas. Ya sea para principiantes o expertos, lo más probable es que los haya encontrado. Shopify y WooCommerce : los gigantes del espacio de comercio electrónico y las plataformas dominantes para vender en línea.
¿Pero qué son exactamente? ¿Y qué hace que uno sea diferente de otro?

Shopify y WooCommerce son dos de las plataformas en línea más grandes que pueden ayudarlo a vender sus productos.

Entre otras plataformas más pequeñas, estas dos son las que se destacan, ya que tienen muchos usuarios que respaldan cada una de ellas. Y con todos esos datos de usuario, pueden obtener suficientes comentarios para seguir mejorando significativamente hacia lo que desean sus usuarios.
Pero decidir cuál usar puede ser un desafío. En última instancia, se reduce a cómo planea vender sus productos, su nivel de experiencia y su presupuesto.
Los principiantes del grupo podrían optar por usar la plataforma mucho más simple que es Shopify .
Es una plataforma que se encarga de todo, desde el sitio web real hasta el alojamiento, el dominio e incluso los productos de aprovisionamiento para dropshipping.
WooCommerce, por otro lado, es un poco más complicado que eso. Es un plugin que se ejecuta en WordPress. Una plataforma que requiere su propia configuración y mantenimiento para comenzar a funcionar.
Vamos a profundizar un poco más en las dos plataformas y explicaremos cuál de ellas es mejor para su negocio a largo plazo. Dado que la simplicidad ahora, no necesariamente significa éxito en el futuro.

Precio y costos de funcionamiento: Shopify o WooCommerce

El dinero lo es todo, ¿verdad? Es comprensible que desee poder vender sus productos en línea y esperar obtener ganancias. Sin embargo, ese no es siempre el caso. Al igual que con cualquier cosa, existen costos relacionados con la administración de un negocio en línea, independientemente de la plataforma que utilice.
Existen diferencias sutiles entre los costos iniciales y los costos de funcionamiento entre estas plataformas. Cavamos más profundo y los desglosamos abajo. También proporcionamos información sobre lo que es más rentable y necesitaría menos inversión con mayores retornos.

Shopify: los costos visibles y ‘ocultos’

Shopify es un sueño para principiantes. Básicamente, hace que sea relativamente simple comenzar a construir su tienda en línea.
Comienzan con un plan básico de $ 29 / mes, y si recién estás comenzando. Eso es más que suficiente.
Los planes básicos ya le permiten agregar productos ilimitados, tener dos cuentas de personal, crear códigos de descuento y tener acceso a sus canales de soporte.
Tiene la opción de actualizar a su plan de $ 79 y $ 299 por mes más adelante. La lista de características se expande a medida que avanza en los planes.
Todos ellos incluyen todo lo que necesita para iniciar un sitio de comercio electrónico y blog: dominio, creador de sitios, página de blog, certificados SSL, las obras. Por supuesto, aún necesita dedicar tiempo para construir su taller, pero principalmente todas las herramientas que necesita están ahí.
Ahora los «otros» cargos.
Con cualquier tienda, deberá poder aceptar pagos. Profundizaremos en esto más adelante, pero básicamente, Shopify cobra 2.9% + 30 ¢ por cada venta con tarjeta de crédito en línea.
Tabla de cargos de tarjetas de crédito de Shopify
Si utiliza otros canales de pago o sus propios comerciantes, Shopify ofrece una tarifa plana del 2%. Pero puede reducir esto al 0.5% con el plan avanzado por $ 299 por mes.
Además de esos cargos, necesitaría otros plugins para que su tienda funcione sin problemas. Aunque se ofrecen varios de forma gratuita y tienen pruebas, esto es lo que podría aumentar sus costos.
Si recién está comenzando, estos precios pueden parecer razonables. Pero imagine hacer crecer su negocio hasta el punto de vender cientos o incluso miles de productos por mes. Las tarifas se suman. Esa es una cosa que querrías considerar.
Estos cargos no están ocultos, pero es uno de los costos más descuidados que las empresas no tienen en cuenta al registrarse en la plataforma.

WooCommerce – ¿Es realmente gratis?

WooCommerce (Woo) es una historia diferente. Es gratis de usar y descargar desde el principio. Los costos, o la falta de los mismos, sin embargo, no terminan ahí.
WooCommerce es un plugin de comercio electrónico que necesita su propia plataforma para funcionar. Específicamente, necesitará un sitio de WordPress autohospedado (es decir, WordPress.org). Lo más probable es que hayas oído hablar de WordPress antes si estás considerando usar WooCommerce.
Debe tener su propio alojamiento de sitios web, certificado SSL y nombre de dominio, y un tema de WordPress optimizado para WooCommerce para poder comenzar a usar WooCommerce.
Desglosado, esto es lo que normalmente estás viendo:
WordPress Hosting – 9.99 € por mes
Nombre de dominio –  12.99 € por año
Recomendamos SiteGround ya que tienen muchos paquetes de ahorro de dinero para usted.
La mayoría de los buenos hosts ahora ofrecen Let’s Encrypt para obtener un certificado SSL gratuito
Eso en sí mismo es un costo inicial .Parece mucho, ¿verdad? Pero no se preocupe, hay una gran mayoría de proveedores de alojamiento que ofrecen un plan optimizado de WooCommerce / WordPress para tarifas con descuentos significativos. Buenas noticias, si recién estás comenzando.
Recomendamos SiteGround ya que en realidad ofrecen un alojamiento administrado de WordPress a partir de $ 3.95. Pero si realmente espera un mayor tráfico y más funciones, por unos pocos dólares más, tienen un plan mensual de $ 5.95. Esto seguramente lo tendrá cubierto.
En comparación con Shopify, puede ver cómo muchos usuarios prefieren usar WooCommerce solo mirando el desglose de costos.
También hay muchos plugins disponibles para ampliar la funcionalidad de WooCommerce. Aún así, como con cualquier cosa de WordPress, siempre habrá alternativas gratuitas.
WooCommerce tampoco cobra una tarifa de transacción por cada compra. El único otro costo del que debe preocuparse es la tarifa de procesamiento de pagos por parte de comerciantes externos.
Sin embargo, hay muchas maneras de superar esto. Por un lado, puede ofrecer transferencia bancaria directa, cheques de pago e incluso contra reembolso. Pero para el vendedor en línea, Paypal es la opción número uno.
Configuración de Paypal de WooCommerce
Con todo lo considerado, WooCommerce es el claro ganador. Especialmente para principiantes. El único otro costo adicional que tiene que pagar es su propio horario para configurar todo.

WooCommerce es el claro ganador en esta categoría.

Configuración: Shopify o WooCommerce

No todos los que desean comenzar una tienda en línea tienen habilidades de nivel experto. Aunque no es ciencia espacial, la cantidad de instrucciones, documentación y pasos necesarios puede ser abrumadora.
Desde el punto de vista de un principiante total, compararemos estas dos plataformas en términos de lo fácil que es configurarlas para seguir funcionando.
Shopify: el sueño del principiante
Lo hemos dicho antes y lo diremos nuevamente. Shopify es tan fácil como registrarse, pagar y construir su sitio.
No se necesita código complicado, no hay millones de opciones, y no hay que adivinar qué hacer primero y después.
Shopify lo guía a lo largo del proceso de construcción de su sitio. Después de registrarse, todo lo que necesita hacer es escribir la información requerida (nombre, dominio, etc.).
Una vez hecho esto, podrá elegir un diseño para su sitio y listo. Se te guiará sobre cómo personalizar todo después de eso.
El propio constructor en sí es una interfaz sencilla de arrastrar y soltar. Verás estructuras y secciones prefabricadas para que elijas.
Incluso puede hacer sus campañas y comenzar a clasificar sus productos según el deseo de su corazón.
La parte generalmente tediosa de cargar sus productos, administrar el inventario, establecer ventas y descuentos es un paseo total por el parque.
Shopify nunca falla en ayudarte en el camino con consejos y trucos útiles repartidos por toda la interfaz.
Esto es extremadamente útil para aquellos que no tienen experiencia en la creación de sitios web. Pero para los usuarios más experimentados, esto puede ser un inconveniente debido a la falta de personalización y personalización disponibles.
Con Shopify, estás limitado a lo que tienes delante. Las herramientas de desarrollo disponibles son mínimas.
Por otro lado, hay muchas extensiones y plugins disponibles para ayudarlo y acercarse lo más posible a las funciones que desea.
La mayoría de los usuarios considera que esto es suficiente para ellos, especialmente si recién está comenzando con su tienda en línea.
WooCommerce – Cualquier cosa es posible:
Como se mencionó anteriormente, WooCommerce es de código abierto y necesita su propia instalación de WordPress para funcionar. Configurarlo solo tomaría muchas horas, sin mencionar el mantenimiento continuo de todo el sistema.
Aunque configurar WooCommerce por sí solo es relativamente simple. El trabajo de preparación necesario es algo en lo que pensar también.
Sin embargo, hay muchas soluciones disponibles, incluidos los plugins de WordPress, que pueden hacer todas las tareas de mantenimiento por usted.
Además del trabajo de preparación que se necesita, configurar esos productos y métodos de pago será abrumador, especialmente para aquellos que no tienen experiencia con WordPress.
La buena noticia es que hay cientos de documentos disponibles para ayudarlo. Sin mencionar los innumerables videos de YouTube que también están disponibles.
Por otro lado, la necesidad de dedicar horas para aprender la plataforma, WooCommerce ofrece una excelente flexibilidad por sus extensiones.
Hay cientos disponibles que pueden permitirle personalizar su sitio según sus deseos, desde ventanas emergentes hasta encabezados adhesivos y todo ese jazz.
La simplicidad de Shopify aún logra atraer a muchos vendedores principiantes en línea, por eso es el claro ganador de esta categoría.

Usabilidad: Shopify o WooCommerce

Uno de los principales factores que seguramente está considerando es qué tan amigable es la interfaz de usuario. Además, el punto principal de establecer una tienda en línea es asegurarse de que venda sus productos.
Una forma segura de hacerlo es hacer cambios sobre la marcha. Y hacer que el trabajo diario y la administración en el sitio sean lo más fácil posible.
No es fácil compararlos en esta categoría, pero hay algunos factores en los que uno se destaca más que el otro.
Shopify: es como una tienda real
Después de la configuración guiada inicial, mantener y trabajar en su tienda Shopify es lo más fácil posible. Claramente, los desarrolladores ponen mucho esfuerzo en ayudarte y hacerte sentir que tienes el control.
Desde administrar el inventario hasta rediseñar su tienda, todo es muy sencillo. Es solo una cuestión de averiguar dónde están todos los botones para hacerlos. Con Shopify, no son difíciles de encontrar.
Shopify Agregar producto
Cuando desee configurar campañas y descuentos, mire a la izquierda en el tablero y ya está.
¿Quieres cambiar el aspecto de tu sitio? Una interfaz simple de arrastrar y soltar es, sin duda, tu mejor amigo. Simplemente elija lo que necesita mover y cámbielo, así de simple.
Y si te pierdes, siempre está la guía del usuario.
Por supuesto, habrá límites para lo que puede hacer, pero es posible que ni siquiera se dé cuenta de que los necesita si no los ve, especialmente cuando recién comienza a comprar.
Las personas e incluso las grandes empresas a menudo prefieren usar Shopify ya que es bastante fácil delegar la tarea de cuidar el sitio. No se requiere mucha capacitación. Y ahí es donde también entran en juego las cuentas del personal.
En lugar de compartir sus inicios de sesión, simplemente puede agregar a otra persona u organización para que se encargue de su tienda en su nombre.
Shopify también está listo para atender sus preocupaciones de envío y comercialización. Puede configurar y aprovechar sus propias opciones y capacidades de marketing. O decida expandirse utilizando sus aplicaciones y plugins disponibles.
Automatización de marketing de Shopify
Todo lo que puedas pensar que necesitas está aquí. No necesita preocuparse por trabajar con un personal de soporte interminable solo para descubrir qué no funciona.

WooCommerce – Construyendo un mercado completamente en línea.
Por otro lado, WooCommerce es un poco más difícil de administrar y manipular día a día.
Muchos de los problemas que enfrenta WooCommerce son la incapacidad de realizar cambios por capricho. Hay muchos factores que debe tener en cuenta antes de hacerlo. Especialmente si tienes un sitio algo complicado.
Página de configuración de WooCommerce
Pequeños cambios pueden causar una diferencia significativa en lo que ve en la parte frontal. En el peor de los casos, incluso puede crear una experiencia negativa significativa para el cliente.
Dado que WooCommerce es un plugin, necesita y depende de una gran cantidad de sistemas para trabajar juntos y ser compatibles entre sí. Desde los plugins, temas, alojamiento e incluso el núcleo de WordPress.
No para asustarte de usarlo ni nada, pero hay un lado positivo. Dado que WooCommerce es extremadamente utilizado, tienen foros, grupos en línea, subreddits e incluso canales de YouTube dedicados a ayudarlo a resolver estos problemas.
Y la flexibilidad que conlleva es muy discreta. Mientras tenga el conjunto de habilidades y la experiencia para hacerlo, puede hacer mucho de lo que quiere hacer con su sitio de WordPress / WooCommerce. Si no, siempre puede comenzar a aprender y contarlo como una nueva habilidad.
Desde hacer cambios hasta ejecutar su sitio en el día a día, no hay mucho de qué hablar. WooCommerce se ejecuta como debería ser a menos que algo cambie. Normalmente se actualiza dentro de la instalación de WordPress.
La advertencia justa, la actualización y la adición de características y funcionalidades a su sitio de WordPress necesita mucha atención. Sobre todo si ya tienes una gran tienda. Asegúrese de tener siempre copias de seguridad listas.
Aparte de eso, no debería tener ningún problema con el funcionamiento de su tienda. Puede tener todas las mismas características, al igual que Shopify con el uso de plugins y extensiones.
Existen innumerables extensiones y plugins gratuitos y de pago que pueden ampliar las capacidades de su tienda más allá de toda medida. Acelerar o ralentizar, todo está en tus manos.
Encabezado de extensión de WooCommerce
La diferencia más marcada entre estas dos plataformas con respecto a la usabilidad sería cómo se presentan todos los botones y configuraciones. Con Shopify, todos están ahí y dispuestos. Con WooCommerce , a menudo, hay muchas molestias al tratar de averiguar dónde está.
El trofeo va a Shopify para esta categoría.
Métodos de pago y soluciones: Shopify o WooCommerce
Iniciar una tienda en línea significa que quieres que te paguen, ¿verdad? Absolutamente.
Bueno, hay más que eso. Las soluciones de pago van desde lo muy simple: recibir pagos desde una tarjeta de crédito. Para el complejo: membresías, cargos recurrentes, impuestos, etc.
Tanto Shopify como WooCommerce tienen casi las mismas ofertas con algunas peculiaridades únicas aquí y allá. Los hemos desglosado por ti.
Sí, Shopify ofrece sus propias soluciones de pago (apropiadamente llamadas Shopify Payments) si simplemente desea que sus clientes paguen con su tarjeta de crédito. Pero, por supuesto, debe considerar la tarifa por transacción discutida anteriormente.
Proveedores de pagos de Shopify
Con Shopify Payments, ya no necesita registrarse con otras cuentas comerciales como Stripe o Authorize.net, lo que podría complicar las cosas. Aunque, la opción de tenerlos todavía está allí y disponible, con sus propias tarifas, por supuesto.
También debe tener en cuenta sus leyes locales. Shopify recopila la información de envío y pago de sus clientes una vez que pagan. De esta manera, pueden salir más rápido la próxima vez.
Shopify también le permite hacer uso de otros métodos de pago como:
  • Apple Pay
  • PayPal
  • Amazon Pay
  • Google Pay
  • Criptomoneda
Sin embargo, debes tener cuidado al configurar esto y asegurarte de probarlos a fondo, ya que pueden resultar delicados.
También es importante tener en cuenta dónde está vendiendo al configurar sus proveedores de pago. Diferentes países pueden tener diferentes opciones disponibles. Convenientemente, Shopify ofrece una lista de pasarelas de pago disponibles por país.
Además, tiene la opción de realizar los pagos manualmente. Como en los casos en que ofrece transferencias bancarias y contra reembolso (COD). Simplemente puede aprobar el pedido manualmente, y el pedido se cumplirá.
Muchas opciones a tu alcance, ¿verdad? Esa es la belleza de eso.
WooCommerce ofrece la misma flexibilidad, pero por supuesto, con extensiones y plugins.
Inmediatamente, se le ofrece la opción de aceptar pagos a través de COD o transferencia bancaria. Paypal también es una opción integrada, ya que casi se usa universalmente.
Con Paypal, ya puede aceptar pagos con tarjeta de crédito. Esa es una de las opciones más fáciles de usar.
Si quieres ser un poco más elegante, hay docenas de otras pasarelas de pago disponibles para ti. Simplemente necesita buscar los que necesita, registrarse con ellos y preparar la extensión en WooCommerce.
Estas son algunas de las principales pasarelas de pago que están disponibles para usted con WooCommerce:
  • Pasarela de pago de WooCommerce – PayPal
  • Pasarela de pago de WooCommerce – Stripe
  • Pasarela de pago de WooCommerce – Square
  • Pasarela de pago de WooCommerce – Amazon Pay
  • Pasarela de pago de WooCommerce – Authorize.Net
  • Pasarela de pago de WooCommerce – Sofort Uberweisung
  • Pasarela de pago de WooCommerce – 2Checkout
  • Pasarela de pago de WooCommerce – Alipay
  • Proveedores de pago de WooCommerce
Como puede ver, prácticamente en cualquier parte del mundo, y donde sea que esté vendiendo, está cubierto.
El único inconveniente aquí es que necesitará calcular los cargos con los comerciantes individuales.
Dado que usar WooCommerce por sí solo no cuesta nada, son estos comerciantes los que pueden cobrarle más o menos alrededor del 2%.
Del mismo modo, incluso puede configurar membresías, descuentos y otras características de WooCommerce o las pasarelas de pago. Todo depende de cómo planeas ejecutar todo.
Todo depende de usted.
La flexibilidad y las soluciones de pago disponibles para ambas plataformas son casi idénticas, aunque configuradas de manera diferente. Por lo tanto, es casi seguro que esté cubierto y tendrá copias de seguridad, por si acaso.
Por esa razón, estamos declarando un empate para esta categoría.

Actualizaciones y soporte: Shopify o WooCommerce

Para la mayoría de nosotros, una de las cosas más importantes es encontrar ayuda cuando la necesite. Afortunadamente para usted, ambas plataformas ofrecen servicios de atención al cliente.
Sin embargo, la única diferencia es cómo obtenerlo y cuándo.
Idealmente, como personas ocupadas, dirigiendo un negocio y todo, necesitamos poder encontrar ayuda tan pronto como la necesitemos.
Así es como es para ambas plataformas.
Shopify— Atención al cliente 24/7
Shopify no solo ofrece una extensa biblioteca de preguntas frecuentes, sino que su soporte también es literalmente galardonado.
Atención al cliente de Shopify
Parte de su punto de venta es que podrá encontrar la ayuda que necesita cuando la necesita. Ofrecen cuatro formas convenientes de contactar a su equipo de soporte, a saber:
  • Soporte de chat
  • Correo electrónico
  • Teléfono
Cualquiera sea el método, seguramente encontrará la ayuda que necesita. Pero, por supuesto, la forma más rápida es chatear con ellos.
Además de eso, también tienes la opción de contratar a un experto de Shopify en caso de que necesites más asistencia práctica para tu sitio. Todas estas opciones están, por supuesto, disponibles en su Tablero de Shopify.
Sin embargo, la única limitación es que no admiten aplicaciones e integraciones de terceros que pueda haber instalado. Su única opción aquí es contactar a los desarrolladores directamente con sus problemas.
Finalmente, Shopify no tiene actualizaciones per se, ya que toda la plataforma es su propio sitio. Se encargan de corregir errores y mejorar la usabilidad general con solo lanzamientos de vez en cuando.
WooCommerce es la plataforma más popular y ampliamente utilizada en el espacio de comercio electrónico. Dicho esto, está seguro de encontrar preguntas frecuentes y documentación extensa y dirigida por la comunidad en cualquier lugar en línea.
WooCommerce en sí no tiene vías de soporte ya que es autohospedado. Su proveedor de alojamiento es responsable de resolver todos los problemas relacionados con el servidor.
Si tiene problemas con sus plugins o extensiones reales, sus desarrolladores son los principales responsables de encargarse de eso por usted. Pero espere que el tiempo de respuesta sea menos que satisfactorio.
Sin embargo, un poco de autoayuda y lectura ayudarán mucho. Dado que hay muchos recursos en línea que pueden ayudarlo con lo que sea que esté enfrentando.
En cuanto a las actualizaciones, WooCommerce se actualiza regularmente para mantenerse al día con los cambios de WordPress. Sin mencionar el mantenimiento de la compatibilidad con los requisitos de alojamiento, plugins y temas.
No es necesariamente algo difícil, pero las actualizaciones de WooCommerce tienden a necesitar más atención ya que hay mucho en juego. Por lo tanto, hacer una copia de seguridad de sus datos es una muy buena idea.
Cuando se trata de atención al cliente y actualizaciones, Shopify gana por un deslizamiento de tierra. El mero hecho de que ofrezcan asistencia las 24 horas del día, los 7 días de la semana, indica lo fácil que es obtener la ayuda que necesita.

Plugins e integraciones: Shopify o WooCommerce

Cuando se trata de expandir las funcionalidades integradas de su tienda, ambas plataformas le brindan mucha flexibilidad.
Todas estas aplicaciones, extensiones, plugins, plugins o como quiera llamarlo pueden darle más vida a su tienda en línea. Pueden hacer que su sitio funcione exactamente como lo desea, aunque todavía tiene que pagar unos pocos dólares por los premium.
Echemos un vistazo más de cerca a cada uno de los plugins disponibles para ambas plataformas.
Shopify – La tienda de aplicaciones Shopify
Desde querer iniciar su sitio de dropshipping hasta querer agregar la integración de Facebook a su sitio web, lo tienen cubierto.
Tienda de aplicaciones Shopify
También puede encontrar fácilmente dónde están estos. En el lado derecho del panel de control, simplemente haga clic en aplicaciones y podrá buscarlas.
Lo hacen lo más simple posible para usted. Incluso tienen estos ordenados en categorías y colecciones para ayudarlo aún más.
El único inconveniente de esto es que la mayoría de las aplicaciones disponibles en la tienda de aplicaciones Shopify son pagas. Aunque algunos tienen versiones de prueba gratuitas disponibles, a la larga debe pagarlas.
Es posible que pueda encontrar alternativas a estas aplicaciones pagas que se adapten a sus necesidades. Descubrirá rápidamente que aún necesita comprar los pagos para asegurarse de que funcionen según sea necesario.
Las únicas limitaciones con Shopify son el costo que se acumularía rápidamente al comprar estas aplicaciones.

WooCommerce – Extensiones y plugins

Lo que tienes que entender con WooCommerce es que es ampliamente utilizado por millones de personas en línea. Según su propia página de inicio, «WooCommerce controla más del 28% de todas las tiendas en línea». Es ese hecho el que crea un ciclo de retroalimentación positiva.
Con cada vez más usuarios, un número cada vez mayor de desarrolladores también se sentiría atraído a crear sus propias extensiones. Y con más extensiones significa un mayor número de funcionalidades. Y con las funcionalidades mejoradas, a su vez, atraería a más personas para usarlo. Y el ciclo continúa.
La tienda de extensiones de WooCommerce se encuentra en su sitio web. Dado que es autohospedado, puede encontrar algunos plugins optimizados de WooCommerce directamente desde el back-end de WordPress. Pero la mayoría de los examinados están en la tienda WooCommerce.
Si bien no hay una manera exacta de contar cuántas extensiones hay, una búsqueda rápida en WordPress.org arrojó más de 6,000 plugins con ‘WooCommerce’ en el título. El mercado de CodeCanyon vende 1,543 plugins de WooCommerce y WooCommerce.com vende 286 extensiones de plugins oficiales de WooCommerce.
Página de extensiones de WooCommerce
Como con cualquier cosa, hay tarifas y extensiones pagas, aunque aún puede encontrar alternativas gratuitas para las pagas. Algunos de los cuales se encuentran en WordPress.org, todo de forma gratuita.
WooCommerce puede brindarle la flexibilidad absoluta para expandir su sitio y asegurarse de que funcione de la manera que lo desee. Independientemente de cuál sea esa necesidad.
Dado que WooCommerce es de código abierto, esto también significa que puede personalizarlo usted mismo si tiene el conjunto de habilidades para hacerlo. Alternativamente, puede contratar a alguien para que lo haga por usted.
Teniendo en cuenta la cantidad de usuarios por plataforma y la forma en que estas aplicaciones están hechas y disponibles, es seguro decir que WooCommerce ofrece más flexibilidad que Shopify. Especialmente si se trata de la gran cantidad de alternativas que puedes encontrar para las gratuitas.

Escalabilidad: Shopify o WooCommerce

Es esencial pensar en el crecimiento de su tienda. Ya sea que recién esté comenzando o ya esté considerando esto. Es hermoso pensar que este simple sitio web que está construyendo, por ahora, eventualmente tendrá la capacidad de mantenerlo a usted y a sus finanzas.
La escalabilidad simplemente significa poder hacer crecer o expandir su tienda. Estas dos plataformas los manejan de manera diferente.
Debe tener en cuenta los costos a largo plazo que conllevaría junto con su capacidad real de expandirlo usted mismo.
Shopify: escalabilidad que está fuera de tus manos
Shopify maneja la mayor parte del aspecto técnico por usted.
Planes de Shopify
Es posible que nunca encuentre las palabras «almacenamiento en caché, optimización y capacidades del servidor». Todo se debe a que Shopify quiere que se concentre en su tienda tanto como sea posible en lugar de preocuparse por otras cosas.
Cuanto más se expande, más características puede necesitar. Pero es tan fácil como actualizar su plan. Incluso ofrecen Shopify Plus, que es una solución de nivel empresarial.
Shopify Plus
No importa cuántos productos tenga o cuántos cambios realice a largo plazo. Por supuesto, Shopify puede manejar la carga.
El único costo que debe pagar es la tarifa mensual. Pero con la mayor ganancia de sus productos, estos pueden compensarse fácilmente.

WooCommerce: un enfoque más práctico

Cuando se trata de expandir su tienda con WooCommerce, necesita un enfoque más práctico.
Como es autohospedado, las únicas limitaciones con la expansión dependen de las capacidades de su proveedor de alojamiento.
Actualizando WooCommerce
Cuanto más se expande, más clientes visitan su sitio, más afecta a sus servidores. Sus recursos de alojamiento pueden agotarse rápidamente con solo unos pocos aumentos de visitantes en el sitio.
Afortunadamente, hay muchas soluciones de alojamiento que pueden ayudarte con esto. La mayoría de las soluciones de alojamiento ofrecen soluciones de nivel empresarial para brindarle más recursos.
También puede gestionar el funcionamiento de su tienda optimizando el contenido, las imágenes y utilizando los plugins disponibles.
Estos, por supuesto, aumentarán el costo de ejecutar su sitio web. SiteGround ofrece soluciones de alojamiento que pueden ayudarlo a ampliar rápidamente su sitio. Para un enfoque más administrado, WP Engine también proporciona soluciones administradas de WordPress, y se encargan de usted.
El único inconveniente de todo esto es que, en comparación con Shopify, necesitaría un enfoque más práctico para administrar su tienda. Al mismo tiempo, Shopify ofrece una escalabilidad ilimitada sin preocuparse por el back-end. WordPress, por otro lado, proporciona lo mismo pero te mantiene al tanto.
La conclusión es que ambas plataformas pueden manejar fácilmente la ampliación de su sitio web. Sin embargo, WooCommerce te da más control sobre lo que quieres. Además de pagar solo por lo que necesitas.
WooCoomerce obtiene el premio para esta categoría.

Soporte del usuario y pruebas futuras: Shopify o WooCommerce

Todos estamos preocupados por esto. Similar a lo que sucedió antes de que Internet apareciera, hay que pensar en lo que sucederá si algún día Internet se convierte en la nueva vieja escuela.
Afortunadamente, en base a todas las innovaciones realizadas, el único camino hacia el futuro puede ser internet. O al menos una alternativa todavía está muy lejos.
Pero hablando de manera realista, todavía tenemos que considerar esto al construir su tienda.
Estas plataformas son increíblemente estables en el sentido de que no desaparecerán mágicamente y descontinuarán el soporte, pero aún así vale la pena mirar más de cerca.
Shopify se encarga de alojar el sitio y todo lo demás en el back-end.
Lo que significa que no tienes idea de dónde están los archivos reales de tu sitio. Esto puede aterrorizarlo o no importarlo en absoluto.
Los datos históricos de Shopify han visto una tendencia alcista constante en su valor de mercado. Esto significa que no tiene que preocuparse de que cierre las operaciones en el corto plazo.
Cuota de mercado de Shopify
La base de usuarios también es expansiva. Es una empresa multinacional, lo que significa que sus usuarios abarcan todo el mundo. Una empresa con este número de usuarios no tiene que preocuparse por la desaparición repentina.
Por otro lado, el hecho de que no sepa dónde están los archivos de su sitio y que todo esté administrado por Shopify significa que no puede cambiar fácilmente las plataformas. Tampoco tiene una forma de obtener una copia de seguridad de sus archivos.
Aunque de manera realista, no es una posibilidad, si se cierran, solo te quedarán recuerdos de tu sitio. Pero de nuevo, es una posibilidad remota.
Un caso más realista sería que si va a cambiar de plataforma, tendrá que reconstruir su sitio desde cero. Simplemente no puede transferir los archivos desde Shopify a la siguiente.
WooCommerce – 28% de las tiendas en línea del mundo
WooCommerce por sí solo, es solo la plataforma. Pero es autohospedado. Lo que significa que tiene una idea clara de dónde están los archivos de su sitio y dónde están almacenados.
Usted tiene el control total de dónde coloca sus archivos y cómo se administra.
Hay muchos factores que determinarían el futuro de su tienda. Considerando una solución de alojamiento perfecta, puede mover rápidamente sus archivos de un proveedor a otro.
Incluso puede cambiar fácilmente de plataforma, ya que todos sus archivos y contenido ya están allí.
Estadísticas de WooCommerce
El futuro es brillante para WordPress y WooCommerce. Según las últimas estadísticas , WordPress representa el 35% de Internet. Sí, todo internet. El 17 de abril de 2019, WooCommerce alcanzó su pico de descargas diarias en 419, 458. ¡Por un día!
Son muchos usuarios, lo que solo puede significar que la plataforma no desaparecerá pronto.
Distribución de comercio electrónico
El hecho de que sepa dónde están sus archivos y que tenga una idea clara del futuro de la plataforma, esta categoría va a WooCommerce.
Aunque ambas plataformas están en la cima de su juego, es tranquilizador saber que sus archivos están donde los quiere. Y con la incertidumbre del futuro, puede crear rápidamente una copia de seguridad en cualquier momento que desee sin preocupaciones.
Shopify o WooCommerce: ¿Cuál es la mejor plataforma?
Determinar la mejor plataforma entre estos dos gigantes es una decisión difícil.
Ambas plataformas ofrecen cada una de sus fortalezas y debilidades, cada una de sus propias características similares y únicas.
La mejor opción aquí es determinar si recién está comenzando y su presupuesto. Dado que ambas plataformas tienen su propia curva de aprendizaje, WooCommerce está en el lado más empinado.
Para principiantes con un presupuesto total, Shopify es la mejor solución para usted. Ya que solo tiene que preocuparse por cómo quiere que se vea su tienda. Configurarlo es muy sencillo, y en su mayoría tiene una escalabilidad ilimitada.
El soporte y la facilidad de uso también son uno de los mejores puntos de venta para Shopify .
Sin embargo, para los usuarios más experimentados, WooCommerce es su mejor apuesta. La flexibilidad, escalabilidad y ahorro de costos que obtendría es el beneficio más significativo.
El hecho de que sea autohospedado significa que tienes todo el control con lo que quieres.
WooCommerce te ofrece mucha personalización. También tiene muchas opciones para cualquier función que necesite, ya sea ofrecer una nueva opción de pago o cambiar el diseño de su sitio de comercio electrónico.
Debido a esto, el premio es para WooCommerce .

La conclusión es que aún necesita saber lo que necesita y lo que tiene para que pueda tomar la mejor decisión posible. Una cosa es segura, no puedes equivocarte con ninguno de estos.

]]>
Como Renderizar bloqueo de CSS y JavaScript /2020/05/29/como-renderizar-bloqueo-de-css-y-javascript/ Fri, 29 May 2020 13:51:00 +0000 /2020/05/29/como-renderizar-bloqueo-de-css-y-javascript/ Si va y mide el rendimiento de su sitio web a través de herramientas en línea como Google PageSpeed ​​Insights , puede encontrarse con un pequeño problema conocido como Render Blocking CSS. También le indicará que debe resolver este problema si desea un rendimiento óptimo para su sitio web.
Como Renderizar bloqueo de CSS

Pero, ¿qué es Renderizar bloqueo de CSS en primer lugar?

En pocas palabras, se refiere a los scripts CSS que impiden que su sitio web se cargue correctamente. Como resultado, los visitantes tienen que esperar más tiempo antes de ver algo en su sitio web. Pero ¿por qué sucede esto? ¿Y cómo lo arreglas?
Bueno, para ayudarlo con todas sus consultas, hemos reunido una publicación detallada que cubre todo lo que necesita saber sobre Render Blocking CSS junto con diferentes métodos para solucionar este problema.
Entonces, sin más preámbulos, comencemos:

¿Qué es el bloqueo de renderizado CSS?

Técnicamente, «renderizar» por un navegador significa analizar el código HTML y mostrarlo en la pantalla. Un navegador web primero leerá todo el texto HTML y luego generará la página web para que el visitante la vea y use. Como tal, cuanto más CSS tenga en su sitio web, más tiempo le tomará al navegador analizarlo, lo que resulta en velocidades de carga más largas.
Esta es la razón por la cual CSS generalmente se considera como un recurso de bloqueo de renderizado. Pero al mismo tiempo, CSS es importante si desea crear un sitio web moderno y atractivo. Por lo tanto, el truco es lograr un equilibrio.
No exagere con demasiados archivos CSS o archivos CSS grandes. Manténgalo delgado y use trucos ingeniosos para entregarlos lo más rápido posible. Discutiremos todas estas técnicas en profundidad a continuación. Pero primero, comprendamos por qué es tan importante eliminar Render Blocking CSS.

¿Por qué debería ser eliminado?

Como se discutió anteriormente, Render Blocking CSS retrasará las velocidades de carga, y lo creas o no, la velocidad de carga de un sitio tiene un gran impacto en su éxito. Si un sitio tarda demasiado en cargarse, no solo irritará a sus clientes potenciales sino que también afectará su puntaje de SEO.
Según los estudios, un sitio web que tarda más de 2 segundos en cargar pierde visitantes a un ritmo exponencial. Por ejemplo, los sitios con un tiempo de carga de 2 segundos tienen una tasa de rebote del 6% . Esto significa que por cada 100 personas que visitan su sitio web, pierde 6 porque se impacientan.
Alrededor de 3 segundos, la tasa de rebote sube hasta el 11%. Y en la marca de 5 segundos, alcanza hasta el 38%, es decir, más de un tercio de todo el tráfico entrante perdido en un sitio web de carga lenta. Además, si su sitio web tarda más en cargarse, obstaculizará su puntaje de SEO, lo que dificultará la clasificación en los motores de búsqueda.
Entonces, no solo está perdiendo visitantes debido a la mayor tasa de rebote, sino que también está perdiendo tráfico de los motores de búsqueda al mismo tiempo. Como tal, es muy importante que solucione rápidamente cualquier problema de CSS de bloqueo de procesamiento que tenga en su sitio web.
Ahora que se dice eso, vale la pena señalar que hay muchas cosas que debe hacer para mejorar el rendimiento del sitio web , y arreglar Render Blocking CSS es solo una parte de esto. Sin embargo, es uno de los problemas más fáciles que se pueden resolver rápidamente con algunos ajustes menores.

Cómo eliminar CSS de bloqueo de renderizado

Como dijimos anteriormente, CSS se considera un recurso de bloqueo de renderizado, pero no podemos abandonar por completo su uso, ya que sigue siendo crucial para la apariencia del sitio web. Por lo tanto, el truco para minimizar su efecto en la velocidad de carga de un sitio es minimizar su uso por completo.

Puedes hacer esto:
Usando CSS en línea
Combinando archivos CSS
Y usando menos CSS
Si tiene conocimientos básicos de codificación, entonces hacer estos ajustes no será un gran problema. Alternativamente, si un desarrollador web diseñó su sitio web, puede conversar con ellos sobre la implementación de estos cambios.
Nota : También hemos incluido una sección dedicada para los usuarios de WordPress, repasando algunos plugins increíbles que pueden ayudar a corregir CSS Render Blocking.

Usar CSS en línea

Cuantos más archivos CSS tenga su página, más tiempo le tomará al navegador cargarlos. La mejor solución aquí es colocar los scripts CSS directamente en su HTML. Esto se llama alinear el CSS.
Todo lo que tiene que hacer es abrir uno de los archivos CSS y copiar el código. Luego debe pegar el CSS en su archivo HTML. Recuerde que CSS en línea va en la cabeza del documento HTML y usa la etiqueta Style. 
Después de incluir el código CSS, recuerde eliminar la llamada para el archivo CSS.
Tenga en cuenta que este método solo es aplicable a pequeños scripts CSS que utilizan algunas líneas de código. La inclusión de archivos grandes solo aumentará el tamaño del archivo HTML, lo que, a su vez, contribuirá a un mayor tiempo de carga.
Cuando vea archivos CSS grandes, se recomienda que utilice uno de los siguientes métodos:

Combinar archivos CSS

Si su sitio tiene demasiados archivos CSS, entonces cada uno de ellos contribuirá a velocidades más lentas a medida que el navegador cargue cada uno de ellos por separado. Una solución fácil a este problema sería combinar los múltiples archivos CSS en un solo archivo (o en algunos casos dos, según el tamaño de los archivos).
Debes notar que tu sitio web tiene un archivo CSS grande acompañado de varios archivos CSS más pequeños. Los archivos más pequeños generalmente son generados por los diferentes widgets y plugins que ha instalado en su sitio web. A algunos diseñadores también les gusta segmentar su CSS en varios archivos, ya que es más fácil administrarlos.
Ahora, dicho esto, ¿cómo combinas estos múltiples archivos CSS?
Bueno, es bastante similar a cómo alineas CSS. Abra uno de los archivos CSS compatibles y copie el código. Luego vaya al archivo CSS principal y pegue el código allí.
Solo recuerde eliminar la llamada para el archivo CSS inicial ya que ya no lo usará.
Si esto te parece un poco complicado, hay plugins que pueden hacer lo mismo y ayudarte.

Use menos CSS en general

Al usar menos CSS, queremos decir que solo debe usar CSS que realmente se necesita y eliminar todo CSS innecesario de su código. Pero, ¿por qué y cómo su sitio web tendrá CSS innecesario adicional, para empezar?
Bueno, el mayor culpable en esta área son los temas multipropósito de WordPress, especialmente aquellos con toneladas de opciones de personalización. Estos se basan en CSS para ayudar a los desarrolladores a realizar cambios de diseño rápidamente. Sin embargo, no todo el CSS es utilizado por el sitio web y termina hinchado y, por lo tanto, lo ralentiza.
Los sitios web diseñados con marcos como Bootstrap y Foundation enfrentan un problema similar. No todo el CSS utilizado se refleja en el sitio web resultante. Por lo tanto, no contribuye a las imágenes, el diseño o las funciones, sino que aumenta la carga.
Ahora arreglar esto requiere que seas técnico. 
Tendrá que investigar el código de su sitio y comenzar a eliminar CSS de bloqueo de procesamiento manualmente. Sin embargo, para los usuarios de WordPress, también hay plugins dedicados de WordPress que también pueden ayudarlo.

Renderizar bloqueo de JavaScript: una descripción general
Antes de comenzar a analizar cómo resolver este problema de JavaScript de bloqueo de procesamiento, primero vamos a comprender mejor qué es en primer lugar.

¿Qué es el JavaScript de bloqueo de procesamiento?

En la mayoría de los casos, los temas y complementos que usa en su sitio web de WordPress agregarán archivos JavaScript (JS) y de hojas de estilo en cascada (CSS) a la interfaz. Ahora, cuando un usuario intenta acceder a su sitio web desde su navegador, todos estos scripts se cargarán primero antes de que su sitio sea visible.

En términos generales, el navegador necesita cargar una cola de archivos JS, CSS y HTML antes de que el usuario pueda ver el contenido principal. Ahora, si tiene demasiados scripts JS que retrasarán la carga del contenido HTML principal. Esto, a su vez, ralentiza su sitio web y obliga a los usuarios a esperar.

Ahora, si la velocidad de carga de su sitio se ve afectada por JavaScript, estos fragmentos de código se denominan Render Blocking JavaScript.

¿Por qué deberías eliminarlo?
Render Blocking JavaScript hace que su sitio se cargue lentamente, lo que no solo quita la experiencia del usuario (UX) sino que también afecta su rendimiento de SEO.

Verás, a la gente no le gusta esperar. Si un sitio tarda más de 3 segundos en cargarse completamente, puede sufrir una tasa de rebote del 11% . El número sube al 38% si el tiempo de carga de su sitio es más de 5 segundos.

Con más personas rebotando en su sitio web, eventualmente los motores de búsqueda como Google moverán su sitio más abajo en sus resultados de búsqueda, lo que generará menos tráfico y menos personas en su sitio.

Ahora, solo solucionar su problema de bloqueo de procesamiento de JavaScript no lo llevará a la página principal de Google. Tampoco le ayudará a mejorar drásticamente sus velocidades de carga. De hecho, hay muchos factores que pueden tener un impacto en el tiempo de carga de su sitio. Sin embargo, te ayudará a dar un paso adelante.

La regla general es mantener el código de su sitio lo más mínimo y limpio posible. Además, asegúrese de que el contenido de la mitad superior de la página (la parte de su sitio web visible para sus visitantes de inmediato) se carga sin obstáculos.

Por lo tanto, para disfrutar de un tiempo de carga óptimo y ofrecer una mejor experiencia de usuario, se recomienda que resuelva sus problemas de JavaScript de bloqueo de procesamiento lo antes posible.

¿Cómo eliminar el bloqueo de renderizado de JavaScript?

Hay muchas formas diferentes de resolver el JavaScript de bloqueo de procesamiento que afecta a su sitio web. Algunos implican poner manos a la obra con un poco de codificación. Sin embargo, como sucede con WordPress, también puedes usar complementos para ayudarte.

Pero primero, veamos las cosas que podemos hacer manualmente, es decir, si y solo si ya sabe lo que está haciendo. Dado que cambiar estos archivos, especialmente en WordPress, puede indudablemente romper su sitio, le aconsejamos precaución.

Los 3 plugins principales para eliminar CSS  y JavaScript de bloqueo 

Resolver problemas de CSS   y JavaScript de Render Blocking jugando directamente con el código puede ser un poco complicado e intimidante para los usuarios sin experiencia en codificación. En lugar de romper accidentalmente su sitio web, le recomendamos que use uno de los siguientes plugins para ayudarlo.

Limpieza de activos

Asset CleanUp es un plugin gratuito súper popular y potente que escaneará automáticamente todas sus publicaciones y páginas y detectará todos los archivos CSS y JavaScript (JS) que se están cargando. Una vez hecho esto, le dará acceso a un tablero dedicado desde donde puede deshabilitar manualmente los archivos CSS que no necesita.
Para saber qué archivos no están siendo utilizados por su sitio web y están marcados como CSS Render Blocking, simplemente use una herramienta de medición de rendimiento en línea como Google PageSpeed ​​Insights. Una vez que sepa qué archivos CSS están causando el problema, simplemente desactívelos usando los siguientes pasos:
Paso 1 : instala el plugin. Para hacer esto, inicie sesión en su panel de WordPress y diríjase a plugins> Agregar nuevo . Ahora busque Asset CleanUp y presione el botón Instalar ahora, seguido de Activar.
Paso 2 : con el plugin instalado en su sitio web, busque la opción Asset CleanUp> CSS / JS Load Manager en la barra lateral izquierda. Aquí encontrará todo el contenido de su sitio web: página de inicio, páginas, publicaciones y tipos de publicaciones personalizadas. Selecciona cualquiera de ellos.
Página de configuración de limpieza de activos
Paso 3 : Ahora desplácese hacia abajo y debería ver todos los archivos CSS y JS activos para esa página web o publicación específica. Tendrá la opción de desactivar selectivamente cada uno de ellos.
Simplemente deshabilita el CSS Render Blocking y listo. Una vez hecho esto, haga clic en Actualizar .
Paso 4 : pasa a otra publicación o página y repite el paso 3.
Siga repitiendo hasta que haya deshabilitado todos los archivos CSS de bloqueo de procesamiento.
Nota : El plugin también viene con un modo de prueba dedicado . Se recomienda que primero desactive / desactive los archivos CSS en el modo de prueba y vea si rompe su sitio web.

2. WP Rocket

WP Rocket es un plugin de optimización premium para WordPress con toneladas de campanas y silbatos para mejorar el rendimiento y la velocidad de carga de su sitio. Además de ayudarlo a lidiar con Render Blocking CSS, el plugin también puede ayudarlo con la minificación de JS, las imágenes de carga diferida, diferir las solicitudes de JS y mucho más.
Tenemos una revisión dedicada de WP Rocket que analiza todas sus características y funcionalidades.
Aquí, repasaremos rápidamente una guía paso a paso sobre cómo puede usar el plugin para ayudarlo a resolver sus problemas de CSS Render Blocking.
Paso 1 : Instala el plugin en tu sitio web de WordPress. Como es un plugin premium, primero deberá comprarlo y luego descargarlo en su almacenamiento local (probablemente estará en un archivo .zip).
Después de descargarlo, inicie sesión en su panel de WordPress y diríjase a plugins> Agregar nuevo y haga clic en el botón Cargar plugin . Ahora busque el archivo .zip y cárguelo en su sitio web. La instalación demorará unos minutos.
Paso 2 : Una vez instalado y activado, navega hasta Configuración> WP Rocket . Aquí encontrarás todas las opciones de plugins.
Paso 3 : busque la configuración de optimización de archivos . Debajo de aquí debería ver una sección para archivos CSS .
Archivos CSS de WP Rocket
El plugin le ofrece tres opciones: Minificar archivos CSS, Combinar archivos CSS y Optimizar la entrega de CSS. Habilita las opciones y listo.
Solo recuerde que el uso de estas opciones puede potencialmente romper su sitio web. Por lo tanto, se recomienda que cree una copia de seguridad de antemano.

3 . Colibrí

Y, por último, tenemos Hummingbird , un plugin de optimización de uso gratuito y lleno de funciones para WordPress. Viene con una gran cantidad de características que comienzan desde el almacenamiento en caché y la minificación, hasta diferir archivos CSS y JS críticos, carga diferida y más.
Uno de los mejores aspectos del plugin es su opción de optimización con un clic que escanea automáticamente su sitio web y corrige problemas de rendimiento comunes sin que tenga que meter un dedo.
Sin embargo, para solucionar los problemas de CSS de Render Blocking, debe obtener un poco más de manual.
Paso 1 : Primero, debe instalar y activar Hummingbird en su sitio web.
Paso 2 : Una vez hecho esto, debería notar una nueva sección «Hummingbird» en la barra lateral izquierda de su panel de WordPress. Haga clic en él para acceder a todas sus opciones y configuraciones.
Paso 3 : vaya a la opción Optimización de activos y active Habilitar modo avanzado .
Paso 4 : ahora desplácese hacia abajo y debería ver una lista de todos los archivos CSS en su sitio web. Además de cada archivo CSS, hay opciones que le permiten comprimirlos , combinarlos e incluso alinearlos . También existe la opción de «no cargar el archivo».
Habilitar opciones avanzadas en HummingBird
Paso 5 : busque los archivos CSS de bloqueo de procesamiento que están causando el problema. Si no es necesario, seleccione la opción «No cargar el archivo». Si es necesario, puede comprimirlo, combinarlo o en línea.
Recuerde que habilitar cualquiera de estas opciones tiene la posibilidad de romper su sitio web. Por lo tanto, siempre se recomienda que realice una copia de seguridad de su sitio web antes de continuar.

Terminando

Así que esta fue nuestra guía completa en profundidad sobre qué es Render Blocking CSS y javascript y cómo puede solucionarlo para mejorar el rendimiento de su sitio web. Como puede ver, hemos incluido tanto plugins como ajustes básicos para ayudarlo a solucionar este problema.

]]>