,,,,,iiiiiiiiii
Atrás

Consejos de WordPress SEO: (optimización de motores de búsqueda) para principiantes

Videotutorial Consejos de WordPress SEO

Con este tutorial, aprenderemos cómo optimizar su sitio web para lograr posiciones más altas en las páginas de resultados de los motores de búsqueda, todo en unos simples pasos.

En este tutorial aprenderá:

  • Configuración importante del complemento Yoast SEO
  • Cómo optimizar tu contenido
  • Cómo realizar una investigación de palabras clave

Temas Relacionados

Atrás

5 fomas de como utilizar WordPress para el crecimiento de pequeñas empresas

Uno de los principales requisitos para establecer un negocio exitoso es una fuerte presencia en línea una gran opción es WordPress.

Con el crecimiento de Internet y el marketing digital, tener un sitio web poderoso se ha vuelto muy esencial para dar forma a la imagen de su marca.

Pero no todo el mundo es un diseñador de sitios web experto.

Sin embargo, con WordPress, crear un sitio web moderno puede ser rápido y fácil, incluso sin ningún conocimiento profesional. Y puede hacer que parezca tan profesional como un sitio creado por un diseñador experto.

Todo lo que necesita es un par de horas en la mano y toda su atención. Eso es. Puede tener su sitio web listo para funcionar.

Pero eso no es lo único que hace de WordPress una de las mejores herramientas para todas las pequeñas empresas. Hay mucho más que puedes hacer con él.

Así que descubramos 5 formas brillantes en las que puede usar WordPress para el crecimiento general de su negocio.

1. Aparece en los principales resultados de búsqueda de Google.

Como especialistas en marketing, todos saben lo importante que es posicionarse en los primeros resultados de búsqueda de Google. Pero no es tan fácil asegurar una posición en la primera página si no tienes los conocimientos básicos de SEO.

Sin embargo, si está utilizando WordPress, no tiene que preocuparse en absoluto. Simplemente puede instalar un complemento de SEO robusto en su panel de WordPress y hacer que su sitio web sea compatible con SEO al instante.

Hay varios complementos de SEO disponibles en el mercado. Pero le recomendamos que utilice el complemento AIOSEO para obtener los mejores resultados. Con este complemento, puede subir de nivel su juego de SEO sin ningún conocimiento técnico.

Relacionado: CÓMO INICIAR UN NEGOCIO EN INTERNET EN 2021: SU GUÍA DE INICIO RÁPIDO

Una vez que instala el complemento en su sitio web, genera automáticamente un mapa del sitio XML de WordPress y notifica a todos los motores de búsqueda sobre cualquier actualización en su sitio. También puede usarlo para tomar el control de su fuente RSS para agregar créditos, texto personalizado y enlaces. Esto es posible incluso para anuncios. Así que puedes usarlo fácilmente para monetizar tu blog y ganar algo de dinero extra.

También ofrece soporte completo para el marcado de esquemas para garantizar que obtenga más clics y tráfico con fragmentos enriquecidos. Con varias otras características sorprendentes, este complemento puede ayudarlo rápidamente a asegurar una posición en los mejores resultados de búsqueda y aumentar su tráfico para alcanzar sus objetivos de conversión.

2. Aumente sus ventas con FOMO

El crecimiento de su negocio depende mucho de sus ventas. Pero para eso, debería poder convertir a sus visitantes en clientes.

Una forma súper eficiente de hacerlo es mostrar pruebas sociales en su sitio. Esto puede ser en forma de reseñas de clientes, acciones sociales, premios y reconocimientos, etc.

Pero lo que funciona mejor para sus usuarios es FOMO en sus tácticas de marketing.

FOMO o Fear of Missing Out es un fenómeno psicológico que se desencadena por el miedo a perderse algo que otros disfrutan. La mayoría de las personas (especialmente los compradores) responden rápidamente a este fenómeno porque no quieren perder una buena oportunidad.

Por ejemplo, si está realizando una venta, la gente quiere aprovechar la oferta antes de que se agote. Para hacerlo más efectivo, incluso puede mostrarles las notificaciones en tiempo real de sus clientes que realizan una compra. Esto aumentará su ansiedad por la disminución de existencias y actuarán instantáneamente.

Pero, ¿cómo se hace eso sin unas buenas habilidades técnicas? Bueno, con WordPress, mostrar FOMO en su sitio web puede ser muy simple. Simplemente instale el complemento TrustPulse, ajústelo un poco y listo. Si está preocupado por la configuración, no se preocupe más. El complemento viene con una extensa documentación para facilitarle las cosas. Simplemente siga estos pasos correctamente y prepárese para disparar sus ventas.

3.Haga que sus usuarios se pongan en contacto con usted fácilmente

Todos sabemos lo frustrante que es comprar en empresas que no ofrecen forma de comunicarse con ellos en caso de que necesite su apoyo. Es una razón suficientemente importante para que muchos de ustedes nunca regresen a ese sitio web para futuras compras.

Pero no quiere que eso también le suceda a su negocio. Es por eso que siempre debe brindarles a sus clientes una forma de comunicarse con usted. ¿Y qué puede ser una mejor solución que agregar un simple formulario de contacto a su sitio web?

¿Se pregunta cómo crear un formulario de contacto? Con WordPress alrededor, no es algo de qué preocuparse. Hay muchos complementos de formulario de contacto que le permiten agregar un formulario de contacto sin escribir una sola línea de código.

Puede utilizarlos para crear cualquier tipo de formulario que desee para su negocio. Puede ser un formulario de contacto, un formulario de pago, un formulario de registro, formularios de encuestas y boletines, y más. La mayoría de estos complementos son fáciles de configurar y muy flexibles. Puede utilizarlos para preparar su formulario de contacto en cuestión de minutos.

4. Promocione su negocio a través de sorteos

No puede esperar que su negocio crezca si no lo promociona. Hay varias formas de promocionar su negocio. Los que funcionan mejor son a través del marketing en redes sociales o mediante el marketing por correo electrónico.

Y para ambas estrategias, nada puede funcionar mejor que realizar un sorteo poderoso. Realizar un sorteo puede ser una excelente manera de promocionar un producto que lanzó recientemente, hacer crecer su lista de correo electrónico o aumentar sus seguidores en las redes sociales.

El truco para que estos fugitivos tengan éxito es regalar un gran premio. Esto atraerá a más participantes, y cuantos más participantes sean, más exitoso podrá ser su sorteo.

Relacionado: 35 PRODUCTOS DE TENDENCIA PARA VENDER EN 2021

Pero debes tener claro por qué quieres realizar el sorteo. Suponga que desea que aumente sus seguidores en las redes sociales. Establezca sus criterios para participar en el concurso en consecuencia. Hágales saber a sus participantes que pueden participar en el concurso siguiendo su página.

Si su objetivo es aumentar su lista de correo electrónico, solicite a sus participantes que ingresen al concurso enviando su dirección de correo electrónico. Si desea promocionar un producto, puede pedirles que lo compartan con sus amigos. Solo asegúrate de que te ayude a alcanzar tu objetivo.

A la gente le encantan los regalos. Entonces, cuando vean que estás realizando un sorteo, al instante querrán participar en él para ganar el premio. Y no les importará dar su dirección de correo electrónico o seguir su página de redes sociales a cambio.

Usted también puede realizar un sorteo utilizando un complemento. Hay varias opciones disponibles en el mercado de WordPress. Solo encuentra el que más te guste y listo.

5. Supervise sus análisis

WordPress también le permite monitorear y analizar sus estrategias de marketing directamente desde su panel de control. Por supuesto, puede utilizar directamente Google Analytics para ello. Pero para eso, tendrá que cambiar de pestaña cada vez que desee comprobar el rendimiento de su empresa.

Al utilizar los complementos ofrecidos por WordPress, puede instalar Google Analytics directamente en su panel de WordPress. Luego puede verificar todas sus estadísticas sin cambiar de pestaña y directamente desde su panel de control.

Esto le ayudará a identificar qué táctica de marketing le funciona. También puede usarlo para mejorar las estrategias que no funcionan para su negocio.

Confía en ti

Entonces, estas son algunas de las formas en que puede usar WordPress para hacer crecer su pequeña empresa. Y para todos estos, no necesita saber una sola línea de código ni contratar a un desarrollador profesional.

Si tiene WordPress a su lado, puede hacerlo todo usted mismo con solo unos pocos clics. Esto significa que no tiene que depender de nadie para administrar su sitio web y puede ahorrar una tonelada de dinero que, de otro modo, iría a parar a un desarrollador.

¿No es esa una razón increíble para elegir WordPress para su negocio? Si es así, consígalo ahora mismo.

Atrás

Como mejorar la velocidad de carga de WordPress (2021)

Tu página de WordPress demasiado lenta? no te preocupes vamos hacer que tus sitio web sea mas rápido y mejorar la velocidad de carga de WordPress con estos sencillos pasos.

Los visitantes de un sitio web a menudo abandonan tu página cuando tienen que esperar mucho tiempo para que se cargue tu sitio web. La rapidez con la que se carga un sitio web es un factor decisivo para que un usuario se quede y, por lo tanto, influye en la clasificación en los resultados de búsqueda de Google y por eso vamos a enseñarte unos sencillos pasos para mejorar la velocidad de carga de WordPress. Cualquier usuario que salte después de unos segundos es un punto negativo. El motor de búsqueda también reconoce cuando la página se carga muy lentamente y le da una calificación negativa correspondiente. El propio Google recomienda 2 segundos como tiempo máximo de carga de la página. En esta guía veremos cómo puede hacer que WordPress sea más rápido y mejorar el rendimiento de su presencia en Internet. Para hacer esto, debes:

La velocidad te atrae usuarios

El tiempo de carga es aún más importante en teléfonos inteligentes y tabletas, porque las malas conexiones de Internet móvil retrasan la carga de la página de todos modos. Es aún más importante que optimice su sitio web tanto como sea posible. Es mejor prestar atención a ciertos estándares al crear su sitio web de WordPress, porque algunos cambios son difíciles de deshacer más adelante.

Te puede interesar: Mejores temas para WordPress y su características

Mide tu velocidad

Primero, verifique los tiempos de carga actuales de su sitio web de WordPress con un programa adecuado. Con valores concretos, luego puede comparar qué ha cambiado y qué medida tiene cómo. Esta es la  herramienta que puede utilizar para medir la velocidad de su sitio web:

Google PageSpeed ​​Insights puntúa de 0 a 100 y comprueba el proceso de carga en los dispositivos móviles. Recibirá consejos sobre qué áreas debe optimizar para aumentar la velocidad de carga de su sitio web.

Tan pronto como sepa por dónde empezar, los siguientes consejos ayudarán a que WordPress sea más rápido. No todas las medidas son necesarias en todos los casos. Con los consejos 2 y 3 en particular, puede asegurarse de que su sitio web de WordPress tenga una buena velocidad de página a largo plazo.

Te puede interesar: Los 15 mejores Buscadores para WordPress

1. Elija un tema eficaz

Muchos eligen el tema, es decir, la plantilla de diseño para su presencia en la web, simplemente sobre la base de criterios estéticos. Eso puede resultar un lastre. Algunos temas (también llamados “plantillas”) tienen muchas funciones que puede que no necesite para su sitio web en absoluto, o pueden estar programados de manera desfavorable y, por lo tanto, ralentizar todo el sitio web. Antes de decidirse por un tema, debe estudiar sus ventajas y desventajas. Un cambio posterior lleva algún tiempo, pero puede ser necesario si los valores de carga son bajos. También se puede verificar la velocidad de las versiones de prueba de los temas utilizando las herramientas mencionadas anteriormente.

Te puede interesar: Mejores temas para WordPress

2. Limpieza de primavera de la base de datos

WordPress guarda varias versiones de cada publicación creada, así como muchos otros datos que en realidad ya no necesitas. Con el tiempo, una gran cantidad de lastre se acumula en la base de datos y ocupa espacio de almacenamiento. Con complementos como WP-Optimize, puede volver a crear espacio y, si lo desea, especificar que los datos superfluos se eliminen regularmente para que haya un orden permanente.

Para que su WordPress ya no cree innecesariamente muchas copias de seguridad (“revisiones”) en el futuro, lo que aumenta los tiempos de carga, puede insertar el siguiente comando en el archivo wp-config.php: define (‘WP_POST_REVISIONS’, 3);. El número determina el número de revisiones y se puede cambiar según sea necesario.

Te puede interesar: 9 Mejores Plugins para crear categorías en WordPress

3. Optimiza el tamaño de las imágenes

Las imágenes y los gráficos enriquecen cada sitio web. Pero los archivos de gráficos también ocupan la mayor parte del espacio de almacenamiento, a menudo mucho más de lo necesario. Existe la posibilidad de acortar los tiempos de carga y hacer que WordPress sea más rápido. En las pantallas de computadoras y teléfonos inteligentes, las imágenes y los gráficos generalmente no necesitan una alta resolución para mostrarse lo suficientemente nítidos y grandes.

  • Con los programas de edición de imágenes, puede reducir las imágenes y los gráficos al tamaño necesario antes de cargarlos. Algunos de estos programas solicitan la calidad de imagen deseada al guardar. Para las presentaciones en la web, suele ser suficiente entre un 60 y un 80 por ciento.
  • Te recomendamos el complemento WP Smush. Comprime los archivos de imagen cuando se cargan y también puede reducir posteriormente el tamaño de la imagen.
  • Incluso si tiene un blog de fotos y desea mostrar imágenes muy grandes y de alta resolución, puede acelerar el primer acceso a su sitio web: el complemento Crazy Lazy garantiza que las imágenes solo se carguen gradualmente a medida que se desplaza hacia abajo en la página .

4. Aprovecha el almacenamiento en caché

Con el llamado almacenamiento en caché, parte del contenido de su sitio web se almacena en el navegador del usuario y se puede acceder rápidamente a él la próxima vez que lo visite. Esto significa que no es necesario cargar toda la página de inicio cada vez; esto suele tener un efecto notable en la velocidad. También hay varios complementos para esto, por ejemplo estos dos:

  • Cache Enabler es fácil de usar y solo requiere algunas configuraciones.
  • W3 Total Cache ofrece muchas opciones y puede hacer que los sitios web sean mucho más rápidos, pero es más adecuado para usuarios experimentados.

Configurar W3 Total Cache para optimizar WordPress – Videotutorial completo


5. Optimiza el código del programa

El código del programa de su sitio web puede volverse muy extenso con el tiempo y no siempre está optimizado. Incluso los espacios innecesarios lo arrastran. No te preocupes: no tienes que estudiar informática para crear orden, porque también hay complementos prácticos para esto. Autoptimize, resume automáticamente los códigos HTML, CSS y JavaScript y los comprime siempre que sea posible para que WordPress sea más rápido.

Te puede interesar: Los 15 mejores plugins para banner de WordPress

6. No uses demasiados complementos

Los complementos tienen muchas funciones útiles, pero demasiados o demasiado grandes hacen que su sitio web de WordPress sea lento y lento. ¡Menos es más! Si tienes extensiones con muchas funciones, de las cuales solo necesitas unas pocas, es mejor buscar una alternativa que se limite a la función deseada.

Los complementos desactivados también ocupan espacio de almacenamiento y pueden consumir recursos adicionales del sistema. Algunos complementos establecen una conexión con el mundo exterior incluso cuando están inactivos y ralentizan el rendimiento de su sitio web. Verifique la lista de complementos instalados y elimine los que ya no necesite. Esto también se aplica a las herramientas de análisis y aceleración que se describen aquí.

Para hacer esto, acceda a la descripción general del complemento a través de “Complementos” y “Complementos instalados” y marque las extensiones que desea eliminar. La función “Eliminar” se encuentra en el menú desplegable “Seleccionar acción”. Con un clic en el botón “Aplicar”, puede eliminar los complementos sin dejar ningún residuo.

Para obtener una mejor visión general de qué tan grande es la extensión y cómo afecta los tiempos de carga de su sitio web de WordPress, el complemento P3 (“Plugin Performance Profiler”) era particularmente adecuado en el pasado. Desafortunadamente, este complemento es incompatible con PHP 7 y, por lo tanto, ya no debería utilizarse. Los siguientes complementos compatibles con PHP 7 son buenas alternativas, pero difieren mucho en términos de funcionalidad.

Te recomendamos los siguientes complementos:

7. Amplíe las funciones sin complementos

¡No siempre tiene que ser un complemento! Gracias a las soluciones prácticas, muchos complementos son superfluos: los fragmentos de código y los recursos integrados de WordPress también realizan muchas tareas. Aquí están algunos ejemplos.

Cree un inicio de sesión individual de WordPress

¿Utiliza WordPress para el sitio web de una empresa? Luego, debe adaptar el área de inicio de sesión y administración al diseño corporativo de su empresa, por ejemplo, reemplazando el logotipo de WordPress con el logotipo de su empresa. Los complementos como el inicio de sesión hacen este trabajo por usted, pero también puede prescindir de ellos, con solo unas pocas líneas de código. ¡Pero ten cuidado! Muchos asesores no dicen esto explícitamente, porque los programadores generalmente lo dan por sentado; por lo tanto, señalamos expresamente:

Mejor nunca use el editor CSS propio de WordPress (que se encuentra en el área de administración en Diseño y Editor) para editar el archivo functions.php sensible directamente, porque este es el corazón de su tema, es decir, la plantilla de diseño de su sitio web WordPress. Si realiza un cambio incorrecto en functions.php directamente en línea en el backend, en el peor de los casos, el archivo completo se “declarará en huelga” y su sitio web ya no será accesible. Un punto y coma que falta es suficiente para que usted, como administrador, esté bloqueado y no pueda regresar al backend a través del navegador.

La forma de restaurar es a través de un programa FTP, con la ayuda del cual se establece una conexión con el almacenamiento del alojamiento web y mediante una nueva instalación del tema. Para evitar tales consecuencias, es mejor usar un programa FTP desde el principio (recomendamos el “Filezilla” gratuito) y primero crear una copia de seguridad de su sitio web que guarde localmente y / o en su espacio web. De esta manera, puede restaurar el estado anterior en muy poco tiempo si el functions.php se ha editado incorrectamente. En el programa FTP, también puede deshacer pasos de trabajo individuales con un clic del mouse.


Cambie el logotipo de inicio de sesión copiando el siguiente código en functions.php de su tema:

[code language="css"] /** changing default wordpress login logo */
function my_custom_login_logo() {
echo‚<style type="text/css">
h1 a { background-image:url(/wp-content/…) !important; }
</style>‘';
}
add_action(‚login_head‘, ‚my_custom_login_logo‘);
[/code]

Reemplace “/ wp-content / …” con la ruta al archivo de imagen deseado para que su propio logotipo aparezca en la página de inicio de sesión de WordPress a partir de ahora. Puede adaptar fácilmente elementos de diseño adicionales con solo unas pocas líneas de código, por ejemplo, el logotipo en su panel de WordPress. La comunidad de WordPress también proporciona muchas instrucciones detalladas para esto en Internet.

Encuentra enlaces rotos incluso sin un complemento

Los complementos que se ejecutan constantemente en segundo plano y que realizan escaneos pueden ralentizar WordPress. Un ejemplo es el Comprobador de enlaces rotos, una herramienta muy útil que supervisa todos los enlaces internos de su sitio web y comprueba si no conducen a ninguna parte. Sin embargo, el monitoreo permanente agota los recursos.

La solución aquí también es bastante simple: prescindir del complemento y usar la Consola de búsqueda de Google en su lugar; como webmaster, debe tener una cuenta allí de todos modos. Search Console le proporciona un informe detallado de errores de rastreo sobre errores de URL y sitios web y, por lo tanto, sobre enlaces rotos que el rastreador no pudo seguir (los rastreadores son programas utilizados por los motores de búsqueda para indexar sitios web, entre otras cosas). Dependiendo del tipo, debe editar los enlaces rotos y luego marcar los errores corregidos como “corregidos”.

Te Puede interesar: Los 21 complementos – plugins mas potentes para WordPress

Crea galerías de imágenes sin complementos

Las imágenes agregan valor a cada publicación. El popular complemento NextGEN Gallery le permite crear galerías elaboradas, pero la extensión también se conoce como un asesino de recursos. Si puede prescindir de una presentación de imágenes opulenta, simplemente contente con las posibilidades que tiene WordPress a bordo:

En la vista de edición de la página en la que desea insertar la galería, haga clic en “Agregar archivos” y seleccione las imágenes que desea mostrar, ya sea a través de la pestaña “Biblioteca” o mediante “Cargar archivos”. Ahora haga clic en “Crear galería” y luego en “Crear nueva galería”. Luego determine el orden de las imágenes, el número de columnas o el tamaño de las imágenes. Con un clic en el botón “Insertar galería”, puede integrar el elemento en su página, sin ningún complemento.

Nuestros ejemplos muestran que a menudo funciona sin complementos. Hay muchas otras soluciones en la web que le permiten expandir las funciones de WordPress sin instalar complementos.

Resumen para hacer que tu WordPress sea más rápido:

  • Usa un tema eficiente
  • Limpiar bases de datos
  • Elija imágenes solo del tamaño necesario
  • Habilitar el almacenamiento en caché
  • limpiar el código
  • Elija los complementos con cuidado
  • Agregar funciones simples sin complementos

Video para hacer tu WordPress cargue mas rápido y mejorar en pagespeed

Sabes mas trucos para mejorar la velocidad de carga de WordPress?

Atrás

11 formas de acelerar WordPress

Cómo acelerar WordPress seguramente es un tema candente en estos días. Afortunadamente, existen numerosas técnicas que puede emplear para hacer el trabajo. Entonces, nuestra intención aquí es enumerar todos los trucos que conocemos que pueden hacer que su sitio de WordPress sea mucho más rápido

¿Por qué debería acelerar WordPress?

Hay muchas razones por las que suenan las alarmas, algunas de las cuales incluso pueden causarle grandes preocupaciones:

  1. Los motores de búsqueda (como Google) clasifican los sitios web con tiempos de carga rápida más altos que los de carga lenta. Por lo tanto, si desea mejorar su posición en las SERP, mejorar la velocidad debe ser una de sus prioridades.
  2. Los estudios han demostrado que la velocidad de carga del sitio de más de 2 segundos generalmente resulta en que aproximadamente el 47 por ciento de los visitantes abandonen el sitio web. Por lo tanto, para mantener interesados a aproximadamente la mitad de sus visitantes, debe acelerar su WordPress.
  3. Los compradores en línea son los más impacientes; esperan que la página se cargue en un segundo. Por lo tanto, si está ejecutando una tienda de comercio electrónico en WordPress, es mejor que se prepare para realizar mejoras importantes para que su negocio pueda ser más rentable.

¿Cómo probar el tiempo de carga de su sitio web?

Lo primero es lo primero, debe analizar el tiempo de carga actual de su sitio web. Tenga en cuenta que esta velocidad puede variar de una página a otra, ya que depende de varios factores, a saber:

  • el tamaño de esa página en particular
  • cuántas solicitudes genera
  • si está en caché o no
  • y por último, qué tipo de contenido (estático o dinámico) aloja

La página de inicio de un sitio web se usa generalmente como punto de referencia para probar el tiempo de carga. Para verificar la velocidad de un sitio web, las siguientes tres herramientas se utilizan ampliamente en la web:

  1. WebPageTest.org
  2. Tools.Pingdom.com
  3. PageSpeed Insights (esto no informa realmente el tiempo de carga de la página, pero resalta los elementos que puede modificar para acelerar WordPress)

Bien, ya es hora de empezar a hablar de negocios. Aquí están las 11 formas de acelerar WordPress:

1. Elija un mejor proveedor de alojamiento web

El factor principal que influye en la velocidad de un sitio web es el alojamiento de su sitio web de WordPress. Puede parecer una buena idea alojar su nuevo sitio web en un proveedor de alojamiento compartido que ofrezca ancho de banda, espacio, correos electrónicos, dominios y más “ilimitados”. Sin embargo, el punto que generalmente perdemos con respecto a esta oferta es que los entornos de alojamiento compartido no brindan buenos tiempos de carga en las horas pico de tráfico, y la mayoría no brinda un tiempo de actividad del 99 por ciento en un mes determinado.

El alojamiento compartido tiende a ofrecer un rendimiento más pobre porque está compartiendo el mismo espacio de servidor con muchos otros sitios web, y no se sabe cuántos recursos están usando otros. Además, no sabe exactamente qué tan bien están optimizados los servidores.

Afortunadamente, la industria del alojamiento web ha avanzado con la tecnología y los precios de los proveedores de alojamiento en la nube han disminuido con el paso del tiempo. En la actualidad, puede comprar servidores en la nube dedicados de SiteGround, DigitalOcean, Amazon Web Services e incluso Google Compute Engine a un precio nominal. Sin embargo, configurar esos servidores puede ser una tarea desalentadora, ya que debe configurar los servidores desde cero. Hay proveedores de alojamiento web como Cloudways (donde trabajo) que hacen que la tarea de configurar servidores en la nube optimizados sea tan fácil como hacer clic y ejecutar.

2. Utilice un tema / marco ligero de WordPress


Los temas de WordPress con muchos elementos dinámicos, controles deslizantes, widgets, íconos sociales y muchos más elementos brillantes son inmensamente atractivos para la vista. Pero recuerde esto: si tienen demasiados elementos y tamaños de página más altos, definitivamente harán que su servidor web sufra un golpe.

La mejor opción aquí es utilizar temas ligeros. Una solución es optar por uno de los temas predeterminados de WordPress. Otra es probar algo como Neve, construido por los mismos chicos detrás de CodeinWP.

Ver este tema

Alternativamente, para un sitio web rico en funciones, también puede optar por un tema que utilice un buen marco como Bootstrap o Foundation.

3. Reducir el tamaño de las imágenes

Las imágenes son los principales contribuyentes al incremento de tamaño de una página web determinada. El truco consiste en reducir el tamaño de las imágenes sin comprometer la calidad.

Si optimiza manualmente las imágenes con la extensión de Chrome PageSpeed Insights o Photoshop o cualquier otra herramienta, el proceso llevará mucho tiempo. Afortunadamente, hay complementos disponibles para casi todo lo que se pueda imaginar, incluida la optimización de imágenes. Los que vale la pena mencionar son:

  1. Optimole
  2. WP Smush
  3. Optimizador de imagen EWWW

El uso de cualquiera de los complementos mencionados anteriormente en su sitio de WordPress reducirá drásticamente el tamaño de las imágenes, mejorando así la velocidad de su sitio web.

4. Minifica archivos JS y CSS

Si ejecuta su sitio web a través de la herramienta Google PageSpeed Insights, probablemente se le notificará acerca de cómo minimizar el tamaño de sus archivos CSS y JS. Lo que esto significa es que al reducir la cantidad de llamadas CSS y JS y el tamaño de esos archivos, puede mejorar la velocidad de carga del sitio.

Además, si conoce los temas de WordPress, puede estudiar las guías proporcionadas por Google y hacer algunas correcciones manuales. Si no es así, existen complementos que lo ayudarán a lograr este objetivo; el más popular es Autoptimize que puede ayudar a optimizar CSS, JS e incluso HTML de su sitio web de WordPress.

Video relacionado con tu búsqueda

5. Utilice mecanismos avanzados de almacenamiento en caché con un complemento de almacenamiento en caché

Los complementos de almacenamiento en caché de WordPress (por ejemplo, W3 Total Cache) han estado ahí durante mucho tiempo, lo que facilita las complejas tareas de agregar reglas de almacenamiento en caché a los elementos de su sitio web. La combinación de estos complementos con mecanismos avanzados de almacenamiento en caché como Varnish podría ayudarlo a mejorar la velocidad de carga de su sitio web y, en última instancia, acelerar WordPress considerablemente.

6. Utilice una CDN

Las personas que visitan su sitio web pertenecen a varias ubicaciones en el mundo, y no hace falta decir que la velocidad de carga del sitio será diferente si los visitantes se encuentran lejos de donde está alojado su sitio. Hay muchas CDN (redes de entrega de contenido) que ayudan a mantener la velocidad de carga del sitio al mínimo para los visitantes de varios países. Un CDN mantiene una copia de su sitio web en varios centros de datos ubicados en diferentes lugares. La función principal de un CDN es servir la página web a un visitante desde la ubicación más cercana posible. Cloudflare y MaxCDN se encuentran entre los servicios CDN más populares.

7. Habilite la compresión GZIP

La compresión de archivos en su computadora local puede ahorrar mucho espacio en el disco. Del mismo modo, para la web, podemos utilizar la compresión GZIP. Esta maniobra reducirá drásticamente el uso de ancho de banda y el tiempo que lleva acceder a su sitio web. GZIP comprime varios archivos para que cada vez que un visitante intente acceder a su sitio web; su navegador primero tendrá que descomprimir el sitio web. Este proceso reduce considerablemente el uso de ancho de banda.

Puede usar un complemento como PageSpeed Ninja, que habilita la compresión GZIP, o agregar los siguientes códigos en su archivo .htaccess.

Códigos

AddOutputFilterByType DEFLATE text/plain
AddOutputFilterByType DEFLATE text/html
AddOutputFilterByType DEFLATE text/xml
AddOutputFilterByType DEFLATE text/css
AddOutputFilterByType DEFLATE application/xml
AddOutputFilterByType DEFLATE application/xhtml+xml
AddOutputFilterByType DEFLATE application/rss+xml
AddOutputFilterByType DEFLATE application/javascript
AddOutputFilterByType DEFLATE application/x-javascript

8. Limpieza de la base de datos de WordPress

Eliminar datos no deseados de su base de datos mantendrá su tamaño al mínimo y también ayudará a reducir el tamaño de sus copias de seguridad. También es necesario eliminar comentarios de spam, usuarios falsos, borradores antiguos de su contenido y tal vez incluso complementos y temas no deseados. Todo esto reducirá el tamaño de sus bases de datos y archivos web y, por lo tanto, acelerará WordPress, su WordPress.

9. Desactive o desinstale plugins

Mantener complementos no deseados en sus sitios web de WordPress agregará una enorme cantidad de basura a sus archivos web. Además, también aumentará el tamaño de su copia de seguridad y supondrá una carga abrumadora en los recursos de su servidor mientras se generan los archivos de copia de seguridad. Es mejor deshacerse de los complementos que no usa y también buscar métodos alternativos para usar servicios de terceros para automatizar o programar tareas (como compartir sus últimas publicaciones en las redes sociales).

IFTTT o Zapier son dos servicios web que ayudan a automatizar tales tareas y reducir la carga de su sitio web y los recursos del servidor.

10. Mantenga los scripts externos al mínimo

El uso de scripts externos en sus páginas web agrega una gran cantidad de datos a su tiempo total de carga. Por lo tanto, es mejor utilizar un número reducido de scripts, incluidos solo los elementos esenciales, como herramientas de seguimiento (como Google Analytics) o sistemas de comentarios (como Disqus).

11. Deshabilitar pingbacks y trackbacks

Los pingbacks y los trackbacks son dos componentes básicos de WordPress que le avisan cada vez que su blog o página recibe un enlace. Puede sonar útil, pero también tiene cosas como las Herramientas para webmasters de Google y otros servicios para verificar los enlaces de su sitio web.

Mantener los pingbacks y trackbacks activados también puede ejercer una presión indeseable sobre los recursos del servidor. Esto se debe a que cada vez que alguien intenta conectarse a su sitio, genera solicitudes de WordPress de ida y vuelta. Esta funcionalidad también se abusa ampliamente cuando se dirige a un sitio web con ataques DDoS.

Puede desactivarlo todo en WP-Admin → Configuración → Discusión. Simplemente anule la selección de “Permitir notificaciones de enlaces de otros blogs (pingbacks y trackbacks)”. Esto te ayudará a acelerar WordPress un poco más.

Conclusión

La mayor ventaja de reducir el tiempo de carga de su sitio web es que ayudará enormemente a mejorar la experiencia de sus visitantes. El caso sigue siendo el mismo ya sea que estén usando dispositivos móviles o PC. Además, también mejorará su clasificación en las SERP. Después de todo, el uso reducido del ancho de banda de su alojamiento y la velocidad de carga del sitio más rápida en el lado del cliente solo lo beneficiarán tanto a corto como a largo plazo.

Si aún no ha iniciado un blog, consulte esta guía: cómo crear un sitio en WordPress. Es un gran recurso que ofrece tutoriales paso a paso sobre cómo crear un blog personal o profesional.

Ahora es tu turno. ¿Cómo acelera WordPress? ¿Tienes algún truco bajo la manga?

Atrás

Guía Completa: Como crear un sitio web con WordPress – Guía paso a paso (gratis)

¿Estás buscando hacer un sitio web con WordPress? Crear un sitio web puede ser una idea aterradora, especialmente cuando no eres desarrollador. No se preocupe, Ruubay Business te ayudará. Después de haber ayudado a más de 130.000 personas a crear un sitio web con WordPress, hemos decidido crear la guía paso a paso más completa sobre cómo crear un sitio web sin aprender a codificar.

Esta guía es útil para usuarios de todas las edades y niveles de habilidad. Sin embargo, si necesita ayuda, puede ponerse en contacto con nuestro equipo de expertos para que le ayude a configurar su sitio web de forma gratuita. Enviar mensaje a Ruubay Business España

Esta tabla son los puntos de principio a fin de todos los pasos que lo guiaremos en esta guía.

Cómo buscar y registrar un nombre de dominio gratis
Elegir el mejor alojamiento web
Cómo instalar WordPress
Instalar una plantilla para cambiar el diseño de su sitio
Creando páginas en WordPress
Personalizar WordPress con complementos y extensiones
Recursos para aprender WordPress y obtener soporte
Llevándolo más lejos, creando sitios web con más funciones

Antes de comenzar a crear un sitio web, cubramos algunas de las preguntas más frecuentes que recibimos.

¿Qué necesito para crear un sitio web?

Necesitará las siguientes tres cosas para iniciar su sitio de WordPress.

  • Un nombre de dominio: este es el nombre de su sitio web, como google.com.
  • Alojamiento de WordPress: aquí es donde se almacenan los archivos de su sitio web.
  • 45 minutos de tu total atención.

¿Cuánto cuesta un sitio web de WordPress?

La respuesta a esta pregunta realmente depende del tipo de sitio web que intente crear. Hemos escrito una guía de 2000 palabras que explica cuánto cuesta realmente crear un sitio web.

Un sitio web comercial típico puede costar tan solo  100 Euros por año y puede llegar a  30,000 Euros por año.

Recomendamos a todos nuestros usuarios que comiencen poco a poco y luego agreguen más funciones a su sitio web a medida que su negocio crezca. De esta forma, ahorrará dinero y minimizará las posibles pérdidas y evitará gastos excesivos.

En esta guía, le mostraremos cómo crear un sitio web por menos de  100 Euros.

También le mostraremos cómo llevarlo más lejos agregando más funciones en el futuro.

¿Cuál es la mejor plataforma de sitios web?

Hay muchos creadores de sitios web disponibles que lo ayudarán a configurar un sitio web. Recomendamos utilizar WordPress autohospedado como plataforma de su sitio web.

WordPress es la plataforma de sitios web más popular del mundo. Impulsa casi el 28% de todos los sitios web en Internet.

WordPress es gratuito y viene con miles de diseños y extensiones de sitios web. Es extremadamente flexible y funciona con casi todas las herramientas y servicios de terceros disponibles para los propietarios de sitios web.

¿Cómo aprovechar al máximo este tutorial para crear un sitio web?

Este es un tutorial paso a paso sobre cómo crear un sitio web. Lo hemos dividido en diferentes pasos y lo guiaremos a través de todo de principio a fin. Simplemente siga las instrucciones y, al final, tendrá un sitio web de aspecto muy profesional.

También le indicaremos la dirección correcta para llevar a cabo su sitio web al siguiente nivel en función de sus necesidades.

Diviértete creando tu sitio web.

Recuerde, si necesita ayuda, puede contactarnos y configuraremos su sitio web de forma gratuita.

Empecemos.

Cómo crear un tutorial en video para un sitio web

Paso 1. Configuración

Uno de los errores más comunes que cometen los principiantes es elegir la plataforma de sitio web incorrecta. Afortunadamente, estás aquí para no cometer ese error.

Para la mayoría de los usuarios, un sitio WordPress.org autohospedado es la solución perfecta. Viene con miles de diseños y complementos que te permiten crear cualquier tipo de sitio web que puedas imaginar.

WordPress es gratuito para que cualquiera pueda descargarlo y utilizarlo para crear cualquier tipo de sitio web sin restricciones.

Si WordPress es gratuito, ¿de dónde viene el costo?

WordPress es gratuito porque tendrá que organizar su propio nombre de dominio y alojamiento, lo que cuesta dinero.

Un nombre de dominio es la dirección de su sitio web en Internet. Esto es lo que sus usuarios escribirán en sus navegadores para llegar a su sitio (por ejemplo, Ruubay.com o google.com).

A continuación, necesitará alojamiento de sitios web. Todos los sitios web en Internet necesitan alojamiento. Este será el hogar de su sitio web en Internet.

Por lo general, un nombre de dominio cuesta  14,99 Euros / año y los costos de alojamiento comienzan desde  7,99 Euros / mes.

Sigamos adelante y compremos el nombre de dominio y el alojamiento.

Primero, deberá ir al sitio web de Bluehost en una nueva ventana del navegador y hacer clic en el botón verde ‘Comenzar ahora’.

Empiece con Bluehost

Esto lo llevará a una página de precios donde deberá elegir un plan de precios para su sitio web. Los planes básicos y plus son las opciones más populares entre los usuarios.

Seleccione su plan de hosting

Deberá hacer clic en seleccionar para elegir el plan que le guste y continuar con el siguiente paso.

En la siguiente pantalla, se le pedirá que seleccione un nuevo nombre de dominio.

Seleccionar nombre de dominio

Idealmente, debería ceñirse a un nombre de dominio .com. Asegúrese de que esté relacionado con su negocio, sea fácil de pronunciar y deletrear, y fácil de recordar.

Después de elegir su nombre de dominio, haga clic en el botón siguiente para continuar.

Ahora se le pedirá que proporcione la información de su cuenta, como nombre, dirección, correo electrónico, etc.

En esta pantalla, también verá extras opcionales que pueden adquirir. Generalmente no recomendamos comprar estos extras. Siempre puede agregarlos más adelante, si decide que los necesita.

Desmarque los extras opcionales

A continuación, agregará su información de pago para finalizar la compra.

Después de completar su compra, obtendrá un correo electrónico con detalles sobre cómo iniciar sesión en su panel de control de alojamiento web (cPanel).

Este es su panel de alojamiento donde administra todo, como obtener soporte, configurar correos electrónicos, etc. Lo más importante es que aquí es donde instalará WordPress.

[smartslider3 slider=”356″]
[smartslider3 slider=”285″]

Paso 2. Instalar WordPress

Encontrará toneladas de íconos para hacer diferentes cosas en el panel de su cuenta de hosting (cPanel). Nunca necesitará usar el 95% de ellos, por lo que puede ignorarlos con seguridad.

Desplácese hacia abajo hasta la sección del sitio web en cPanel y luego haga clic en el icono de WordPress.

Ahora verá la pantalla Instalación rápida de Bluehost Marketplace para WordPress. Haga clic en el botón “Comenzar” para continuar.

En la siguiente pantalla, se le pedirá que seleccione el nombre de dominio donde desee instalar WordPress. Elija su dominio en el campo desplegable y luego haga clic en Siguiente.

Ahora deberá ingresar el nombre de su sitio web, el nombre de usuario de administrador y una contraseña para su sitio web. No se preocupe, puede cambiarlos más tarde en la configuración de WordPress si es necesario.

También deberá marcar todas las casillas de verificación en la pantalla y luego hacer clic en el botón ‘Instalar’ para continuar.

La instalación rápida ahora comenzará a instalar WordPress en su sitio web. Mientras tanto, muestra algunas plantillas de sitios web que pueden instalar en su sitio.

No necesita hacer eso ahora porque le mostraremos cómo encontrar e instalar una plantilla de WordPress gratuita en su sitio web más adelante en esta guía.

Una vez que finalice la instalación, verá un mensaje de éxito en el encabezado superior.

Ahora debe hacer clic en el enlace ‘Instalación completa’, y lo llevará a la pantalla con su URL y contraseña de inicio de sesión de WordPress.

¡Felicidades! Ha creado su primer sitio web de WordPress.

Ahora puede dirigirse a la página de inicio de sesión de WordPress. Su URL de inicio de sesión se verá así:

http://www.tudominio.com/wp-admin

Puede iniciar sesión en su sitio de WordPress utilizando el nombre de usuario de administrador y la contraseña que ingresó anteriormente.

¿No fue tan difícil? Verdad

Ahora pasemos al siguiente paso y elija un diseño para su sitio web.

Paso 3. Seleccione su tema

La apariencia visual de su sitio de WordPress está controlada por un tema de WordPress.

Los temas de WordPress son plantillas de diseño profesional que pueden instalar en su sitio web para cambiar su apariencia.

De forma predeterminada, cada sitio de WordPress viene con un tema básico. Si visita su sitio web, se verá así:

Esto no es muy atractivo para la mayoría de los usuarios.

Pero no se preocupe, hay miles de temas de WordPress gratuitos y de pago que puede instalar en su sitio.

Puede cambiar su tema desde el panel de administración de WordPress. Visite la página Apariencia »Temas y luego haga clic en el botón ‘Agregar nuevo’.

En la siguiente pantalla, podrá buscar entre mas de 4.000 temas gratuitos de WordPress que están disponibles en el directorio oficial de temas de WordPress.org. Puede ordenarlos por filtros populares, más recientes, destacados, así como por otros filtros de funciones (es decir, industria, diseño, etc.).

 

¿Necesitas ayuda para elegir un tema? Consulte nuestra lista de estos increíbles temas empresariales gratuitos de WordPress.

Por el bien de esta guía, usaremos Bento. Es un tema popular de WordPress gratuito multipropósito con opciones de diseño flexibles para todo tipo de sitios web.

Si conoce el nombre del tema gratuito que desea instalar, puede buscarlo ingresando su nombre en el campo de búsqueda.

WordPress muestra el tema en los resultados de búsqueda. Deberá llevar el mouse sobre el tema y luego hacer clic en el botón Instalar.

Una vez que haya instalado su tema, puede personalizarlo haciendo clic en el enlace Personalizar en el menú Apariencia.

Esto iniciará el personalizador de temas donde podrá cambiar la configuración de su tema con una vista previa en vivo de su sitio web.

No es necesario que finalice todas las configuraciones del tema de inmediato. Podrás personalizarlo mucho mejor una vez que tengas contenido en tu sitio web.

Veamos cómo agregar contenido a su sitio de WordPress.

Paso 4. Agregue contenido a su sitio

WordPress viene con dos tipos de contenido predeterminados llamados publicaciones y páginas. Las publicaciones son parte de un blog y aparecen en orden cronológico inverso (los elementos más nuevos se muestran primero).

Por otro lado, las páginas están destinadas a ser contenido estático de tipo “único”, como su página de información, página de contacto, política de privacidad, etc.

De forma predeterminada, WordPress muestra las publicaciones de su blog en la página principal de su sitio web. Puede cambiar eso y hacer que WordPress muestre cualquier página como la página principal de su sitio web (le mostraremos cómo hacerlo más adelante en esta guía).

Puede crear una página separada para su blog o sección de noticias. De hecho, puede crear un sitio web sin ninguna sección de blog.

Dicho esto, agreguemos algo de contenido a su sitio web.

Comenzará agregando algunas páginas a su sitio de WordPress. No se preocupe si no tiene suficiente contenido para estas páginas en este momento. Siempre puede editarlos y actualizarlos.

Dirígete a Páginas »Agregar nueva página en el área de administración de WordPress. Esto lo llevará a la pantalla del editor de páginas, que se ve así:

Primero debe proporcionar un título para su página, llamemos a esta página ‘Inicio’.

Después de eso, puede agregar contenido en el editor de texto a continuación. Puede agregar texto, enlaces, imágenes, incrustar videos, audio, etc.

Después de agregar contenido a su página, puede hacer clic en el botón Publicar para que esté disponible en su sitio web.

Puede repetir el proceso agregando más páginas para diferentes secciones de su sitio web. Por ejemplo, una página acerca de, contáctenos y una página de blog para mostrar publicaciones de blog.

Ahora agreguemos algunas publicaciones de blog también.

Dirígete a Publicaciones »Agregar nuevo en tu área de administración de WordPress.

Verá una pantalla muy parecida a la que vio antes al agregar páginas.

Puede agregar un título de publicación y luego agregar contenido en el editor visual de publicaciones. También notará algunas opciones adicionales como formatos de publicación, categorías y etiquetas.

Puede hacer clic en el botón Guardar para almacenar su publicación como borrador o hacer clic en el botón Publicar para que sea visible en su sitio.

Paso 5. Personalización y modificación de su sitio web

Ahora que ha creado contenido en su sitio web, podrá personalizarlo y ponerlo todo en una forma agradable y presentable en su sitio web.

Comencemos configurando una portada estática.

Configurar una portada estática

Debe visitar la página Configuración »Lectura en su área de administración de WordPress. En la opción ‘Visualizaciones de la página principal’, haga clic en la página principal estática y luego seleccione ‘Páginas’ que creó anteriormente para las páginas de inicio y de blog.

No olvide hacer clic en el botón “Guardar cambios” en la parte inferior de la página para almacenar sus cambios.

WordPress ahora usará la página titulada ‘Inicio’ como la página principal de su sitio y la página ‘Blog’ para mostrar las publicaciones de su blog.

Cambiar el título y el lema del sitio

Durante la instalación, puede elegir el título de su sitio. WordPress agrega automáticamente una línea de etiqueta al título de su sitio que dice ‘Solo otro sitio de WordPress’.

Puede cambiar el título y el lema de su sitio en cualquier momento visitando Configuración »Página general.

El título de su sitio será el nombre de su sitio web como Ruubay. El eslogan suele ser una sola línea que describe su sitio web. También puede dejar el campo de la línea de la etiqueta en blanco si lo desea.

No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

Configurar la configuración de comentarios

WordPress viene con un sistema de comentarios incorporado que permite a sus usuarios dejar comentarios en sus publicaciones. Esto es excelente para la participación de los usuarios, pero también es un objetivo de los spammers.

Para lidiar con esto, deberá habilitar la moderación de comentarios en su sitio web.

Visita la página Configuración »Discusiones y desplázate hacia abajo hasta la sección” Antes de que aparece un comentario “. Marque la casilla junto a la opción “El comentario debe aprobarse manualmente”.

 

No olvide hacer clic en el botón Guardar cambios para almacenar su configuración.

Crear menús de navegación

Los menús de navegación permiten a sus usuarios navegar por diferentes páginas o secciones de su sitio web. WordPress viene con un poderoso sistema de menús de navegación, y su tema de WordPress utiliza este sistema para mostrar menús.

Agreguemos un menú de navegación a su sitio web.

Primero, debe visitar la página Apariencia »Menús. Ingrese un nombre para su menú de navegación y haga clic en el botón Crear menú.

WordPress ahora creará su menú de navegación. Pero estará vacío por el momento.

A continuación, debe seleccionar las páginas que desea mostrar en su menú y luego hacer clic en el botón Agregar al menú.

Notará que las páginas seleccionadas llenan el área vacía de su menú de navegación. Puede moverlos hacia arriba y hacia abajo para reorganizar su posición en el menú.

Ahora debe seleccionar una ubicación de visualización. Estas ubicaciones están definidas por su tema de WordPress. Por lo general, la mayoría de los temas de WordPress tienen un menú principal que aparece en la parte superior.

Finalmente, haga clic en el botón Guardar menú para almacenar su menú de navegación.

Ahora puede visitar su sitio web para ver el menú en acción.

Paso 6. Complementos instalares

Los complementos de WordPress son como aplicaciones para su sitio de WordPress. Le permiten agregar funciones a su sitio de WordPress. Piensa en formulario de contacto, galerías de fotos, etc.

Actualmente hay más de 49.000 complementos gratuitos disponibles para WordPress. También hay complementos de pago vendidos por desarrolladores y sitios web de terceros.

Con tantos complementos, ¿cómo encuentra qué complementos instalar? También lo cubrimos allí, consulte nuestra guía sobre cómo elegir el mejor complemento de WordPress.

Aquí está nuestra lista de complementos esenciales que debe instalar en su sitio de inmediato. Todos ellos son gratis.

Características

WPForms Lite : le permite agregar un formulario de contacto a su sitio de WordPress. Descargar
Envira Gallery Lite : agregue hermosas galerías de imágenes a su sitio de WordPress. Descargar
MonsterInsights : conecte su sitio web con Google Analytics y vea cómo los visitantes encuentran y usan su sitio web, para que pueda seguir regresando. Descargar
SeedProd : cree diseños y diseños personalizados con el generador de aterrizaje de página de arrastrar y soltar de SeedProd. Descargar

Optimización de sitios web

Todo en uno SEO : mejore su SEO de WordPress y obtenga más tráfico de Google. Descargar
WP Super Cache : mejora la velocidad de su sitio web al servir páginas en caché. Descargar
PushEngage : ayuda a aumentar el tráfico del sitio web al permitirle conectarse con los visitantes después de que abandonan su sitio web. Las notificaciones push son las 5 principales fuentes de tráfico para WPBeginner. Descargar

Seguridad

Updraftplus : cree copias de seguridad programadas automáticas de su sitio web. Descargar
Sucuri : auditoría de seguridad de sitios web y escáner de malware. Descargar

Paso 7. Domina WordPress

WordPress es fácil de usar pero extremadamente poderoso. De vez en cuando, es posible que se encuentre buscando respuestas rápidas.

La buena noticia es que hay mucha ayuda gratuita de WordPress disponible en Ruubay Business.

Estas son mas guías WordPress que te pueden interesar.

Ver todas las guías WordPress

 

Paso 8. Llevándolo más lejos

Hasta ahora, le hemos mostrado cómo crear un sitio web, agregar un tema e instalar complementos esenciales.

¿Quiere llevarlo aún más lejos?

Con WordPress puede crear sitios web de nicho poderosos capaces de hacer mucho más.

Estas guías te formarán para llevar tu WordPress a otro nivel.

¿Tienes mas preguntas sobre WordPress? Nos encantará resolverlas en los comentarios…

Atrás

Cómo usar el nuevo editor de bloques de WordPress Gutenberg

Hola mi nombre es Sara y soy redactora de artículos en Ruubay Empresas, hoy les traigo un artículo para todos los usuarios que usan WordPress y quieren añadir el editor de bloques de WordPress Gutenberg, en esta guía le explicamos todo lo que necesita saber para usar correctamente Gutenberg para WordPress, comencemos

En WordPress 5.0, el editor de contenido clásico fue reemplazado por un nuevo editor de bloques, conocido como Gutenberg. Desde entonces, varios de nuestros lectores nos han pedido que creemos un tutorial completo sobre cómo usar el editor de bloques de Gutenberg en WordPress.

El editor de bloques de WordPress es una forma totalmente nueva y diferente de crear contenido en WordPress. En este tutorial, le mostraremos cómo usar el nuevo editor de bloques de WordPress y cómo dominarlo para crear publicaciones y páginas de blogs visualmente impresionantes.

¿Cuál es la diferencia entre Block Editor (Gutenberg) y Classic Editor?

Antes de adentrarnos en el nuevo editor, primero comparemos y comprendamos las diferencias entre Gutenberg Block Editor y Classic Editor.

Aquí es cómo se veía el editor clásico en WordPress:

Editor de WordPress antiguo

Si actualizas a WordPress 5.0 , así es como se ve el nuevo editor de bloques:

Nuevo editor de bloques de WordPress también conocido como Gutenberg

Como puede ver, son dos editores completamente diferentes para crear contenido en WordPress.

El antiguo editor clásico era un editor de texto con botones de formato muy similares a Microsoft Word.

El nuevo editor utiliza un enfoque totalmente diferente, llamado “Bloques” (de ahí el nombre de Editor de bloques).

[smartslider3 slider=”378″]

Los bloques son elementos de contenido que agrega a la pantalla de edición para crear diseños de contenido. Cada elemento que agregue a su publicación o página es un bloque.

Puede agregar bloques para cada párrafo, imágenes, videos, galerías, audio, listas y más. Hay bloques para todos los elementos de contenido comunes y los complementos de WordPress pueden agregar más .

¿Cómo es el nuevo editor de bloques de WordPress mejor que el editor clásico?

El nuevo editor de bloques de WordPress ofrece una forma sencilla de agregar diferentes tipos de contenido a tus publicaciones y páginas.

Por ejemplo, anteriormente, si deseaba agregar una tabla en su contenido, entonces necesitaba un complemento de tabla separado.

Con el nuevo editor, simplemente puede agregar un bloque de tabla, seleccionar sus columnas y filas y comenzar a agregar contenido.

Bloque de mesa

Puede mover los elementos de contenido hacia arriba y hacia abajo, editarlos como bloques individuales y crear fácilmente contenido multimedia.

Lo más importante es que el nuevo editor de bloques de WordPress es fácil de usar y aprender.

Esto brinda una inmensa ventaja a todos los principiantes de WordPress que están comenzando su primer blog o construyendo un sitio web de negocios de bricolaje .

Dicho esto, echemos un vistazo a cómo usar el nuevo editor de bloques de WordPress como un profesional para crear un gran contenido.

Esto es lo que cubriremos en este tutorial de Gutenberg:

  1. Usando Gutenberg – El nuevo editor de bloques de WordPress
  2. Creando una nueva entrada de blog o página
  3. Cómo agregar un bloque en Gutenberg
  4. Trabajando con bloques en el nuevo editor.
  5. Salvando y reutilizando bloques en Gutenberg.
  6. Publicación y configuración de publicaciones en Gutenberg
  7. Configuraciones de plugin en nuevo editor
  8. Añadiendo algunos bloques comunes en Gutenberg.
  9. Explorando algunos nuevos bloques de contenido en Gutenberg
  10. Consejos adicionales sobre el uso de Gutenberg como un profesional.
  11. Añadiendo más bloques a Gutenberg Block Editor
  12. Preguntas frecuentes sobre Gutenberg

Listo? Empezemos…

Usando Gutenberg – El nuevo editor de bloques de WordPress

El editor de bloques está diseñado para ser intuitivo y flexible. Si bien se ve diferente al antiguo editor de WordPress, todavía hace todas las cosas que pudiste hacer en el editor clásico.

Comencemos por cubrir las cosas básicas que hizo en el editor clásico y cómo se hacen en el editor de bloques.

Creando una nueva publicación de blog o página usando el editor de bloques

Comenzarás a crear una nueva publicación de blog o página como lo harías normalmente. Simplemente haga clic en Publicaciones »Agregar nuevo menú en su administrador de WordPress. Si está creando una página, vaya a Páginas »Agregar nuevo menú.

Añadiendo una nueva publicación.

Esto lanzará el nuevo editor de bloques.

Cómo agregar un bloque en Gutenberg

El primer bloque de cada publicación o página es el título.

Después de eso, puede usar el mouse para moverse debajo del título o presionar la tecla de tabulación en su teclado para moverse hacia abajo y comenzar a escribir.

Añadiendo un título de post en Gutenberg

Por defecto, el siguiente bloque es un bloque de párrafo. Esto permite a los usuarios comenzar a escribir de inmediato.

Sin embargo, si desea agregar algo diferente, puede hacer clic en el botón Agregar nuevo bloque en la esquina superior izquierda del editor, debajo de un bloque existente o en el lado izquierdo de un bloque.

[smartslider3 slider=”356″]

Añadir nuevo botón de bloqueo

Al hacer clic en el botón, se mostrará el menú Agregar bloque con una barra de búsqueda en la parte superior y los bloques que se usan comúnmente debajo.

Puede hacer clic en las pestañas para examinar las categorías de bloque o escribir la palabra clave para buscar rápidamente un bloque.

Encontrando y agregando bloques en Gutenberg

Si no desea usar un mouse para hacer clic en el botón, puede usar un atajo de teclado al escribir / para buscar y agregar un bloque.

Trabajando con bloques en el nuevo editor

Cada bloque viene con su propia barra de herramientas que aparece en la parte superior del bloque. Los botones en la barra de herramientas cambiarían dependiendo del bloque que esté editando.

Por ejemplo, en esta captura de pantalla, estamos trabajando en un bloque de párrafos que muestra botones de formato básico como: alineación de texto, negrita, cursiva, insertar-enlace y tachado.

Cada bloque viene con su propia barra de herramientas.

Además de la barra de herramientas, cada bloque también puede tener sus propios ajustes de bloque que aparecerán en la columna derecha de la pantalla de edición.

Bloquear ajustes

Puede mover los bloques hacia arriba y hacia abajo simplemente arrastrando y soltando o haciendo clic en los botones arriba y abajo al lado de cada bloque.

Moviendo un bloque arriba y abajo

Guardando y reutilizando bloques en Gutenberg

Una de las mejores cosas de los bloques es que se pueden guardar y reutilizar individualmente. Esto es particularmente útil para los bloggers que con frecuencia necesitan agregar fragmentos de contenido específicos a sus artículos.

Simplemente haga clic en el botón de menú ubicado en la esquina derecha de la barra de herramientas de cada bloque. En el menú, seleccione la opción ‘Agregar a bloques reutilizables’.

Guardando un bloque para reutilizarlo más tarde.

Se le pedirá que proporcione un nombre para este bloque reutilizable. Ingrese un nombre para su bloque y luego haga clic en el botón Guardar.

Dando un nombre a bloque reutilizable.

El editor de bloques ahora guardará el bloque como un bloque reutilizable.

Ahora que ha guardado un bloque, veamos cómo agregar el bloque reutilizable a otras publicaciones y páginas de WordPress en su sitio.

Simplemente edite la publicación o la página donde desea agregar el bloque reutilizable. Desde la pantalla de edición posterior, haga clic en el botón Agregar bloque.

Encontrará su bloque guardado en la pestaña ‘Reutilizable’. También puede encontrarlo escribiendo su nombre en la barra de búsqueda.

Insertar un bloque reutilizable.

Puede colocar el mouse sobre él para ver una vista previa rápida del bloque. Simplemente haga clic en el bloque para insertarlo en su publicación o página.

Todos los bloques reutilizables se almacenan en su base de datos de WordPress, y puede administrarlos haciendo clic en el enlace ‘Administrar todos los bloques reutilizables’.

Gestiona tus bloques reutilizables.

Esto te llevará a la página del administrador de bloques. Desde aquí, puede editar o eliminar cualquiera de sus bloques reutilizables. También puede exportar bloques reutilizables y usarlos en cualquier otro sitio web de WordPress.

Importar exportar bloques reutilizables en WordPress.

Opciones de publicación y gestión en Gutenberg Block Editor

Cada publicación de WordPress contiene muchos metadatos. Esto incluye información como la fecha de publicación, categorías y etiquetas , imágenes destacadas y más.

Todas estas opciones están cuidadosamente ubicadas en la columna derecha de la pantalla del editor.

Configuración de documentos en Gutenberg el nuevo editor de WordPress

Opciones de plugin en Gutenberg

Los complementos de WordPress pueden aprovechar la API del editor de bloques para integrar sus propios ajustes dentro de la pantalla de edición.

Algunos complementos populares ya están disponibles como bloques. Por ejemplo, WPForms , el mejor complemento del creador de formularios de WordPress le permite agregar formularios a su contenido mediante un bloque de widgets.

Bloque de WPForms en nuevo editor de Gutenberg

Aquí es cómo Yoast SEO le permite editar su configuración de SEO en el nuevo editor:

Configuraciones de SEO en el nuevo editor de Gutenberg

WooCommerce también incluye bloques de widgets que puede agregar fácilmente a cualquiera de sus publicaciones y páginas de WordPress.

Bloque de productos de WooCommerce

Agregar algunos bloques comunes en el nuevo editor

Básicamente, el nuevo editor puede hacer todo lo que hizo el editor clásico. Sin embargo, estarás haciendo las cosas mucho más rápido y elegante que antes.

1. Agregar una imagen en el nuevo editor de WordPress

Hay un bloque de imágenes listo para usar en el nuevo editor de WordPress. Simplemente agregue el bloque y luego cargue un archivo de imagen o selecciónelo de la biblioteca de medios.

Bloque de imágenes en el nuevo editor de WordPress.

También puede arrastrar y soltar imágenes desde su computadora, y el editor creará automáticamente un bloque de imágenes para ella.

Una vez que haya agregado una imagen, podrá ver las configuraciones de bloque donde puede agregar metadatos para la imagen como el texto alternativo, el tamaño y agregar un enlace a la imagen.

Configuraciones de bloque de imagen

2. Agregando un enlace en el nuevo editor de bloques.

El editor de bloques viene con varios bloques donde puede agregar texto. El más utilizado es el bloque de párrafo que viene con un botón de enlace de inserción en la barra de herramientas.

Todos los demás bloques de texto utilizados comúnmente también incluyen un botón de enlace en la barra de herramientas.

Botón de enlace en el bloque de lista

También puede insertar un enlace utilizando el método abreviado de teclado, que es Command + K para Mac y CTRL + K en computadoras con Windows.

3. Añadiendo una galería de imágenes en Gutenberg.

El bloque de la galería funciona como el bloque de la imagen. Lo agregas y luego subes o seleccionas archivos de imagen.

Añadiendo galería de imágenes en el nuevo editor de WordPress.

4. Agregar códigos cortos en las publicaciones de WordPress usando Gutenberg

Todos sus códigos cortos funcionarán como lo hicieron en el editor clásico. Simplemente puede agregarlos a un bloque de párrafo, o puede usar el bloque de código abreviado.

Añadiendo un bloque de shortcode

Explorando algunos nuevos bloques de contenido en Gutenberg

El editor de Gutenberg promete resolver algunos problemas de usabilidad de larga data en WordPress mediante la introducción de nuevos bloques.

Los siguientes son algunos de los favoritos que creemos que los usuarios encontrarán de gran ayuda.

50 páginas gratis para promocionar mi negocio en Internet

1. Agregar una imagen al lado de un texto en WordPress

Usando el antiguo editor, muchos de nuestros usuarios no pudieron colocar una imagen junto al texto. Puedes hacer esto ahora con el bloque de Medios y Texto .

Bloque de medios y texto

Este bloque simple viene con dos bloques colocados lado a lado, lo que le permite agregar fácilmente una imagen y agregar un poco de texto al lado.

2. Agregando un botón en las publicaciones y páginas de WordPress.

Agregar un botón a las publicaciones o páginas de su blog fue otra molestia en el editor clásico. Tuviste que usar un complemento que creaba un código corto para el botón, o tenías que cambiar al modo HTML y escribir código.

[smartslider3 slider=”148″]

Gutenberg viene con un bloque de botones que te permite agregar rápidamente un botón a cualquier publicación o página.

Añadiendo un bloque de botones en Gutenberg

Puede agregar un enlace para su botón, cambiar colores y elegir entre tres estilos de botón.

3. Agregar hermosas imágenes de portada en publicaciones de blog y páginas de destino.

Otra característica interesante que puede probar es el bloque ‘Cubierta’, que le permite agregar imágenes de portada a sus publicaciones y páginas.

Una imagen de portada es una imagen más amplia que a menudo se usa como portada para una nueva sección en una página o el comienzo de una historia. Se ven hermosos y te permiten crear diseños de contenido atractivos.

Simplemente agregue un bloque de cubierta y luego cargue la imagen que desea usar. Puede elegir un color de superposición para la portada o convertirla en una imagen de fondo fija para crear un efecto de paralaje cuando los usuarios se desplazan hacia abajo en la página.

El bloque de imagen de portada en el editor Gutenberg.

4. Creación de tablas dentro de artículos.

El editor clásico no tenía un botón para agregar tablas a tus publicaciones de WordPress . Tuvo que usar un complemento o crear una tabla escribiendo CSS y HTML personalizados.

El nuevo editor de Gutenberg viene con un bloque de tabla predeterminado, lo que hace que sea muy fácil agregar tablas a tus publicaciones y páginas. Simplemente agregue el bloque y luego seleccione el número de columnas y filas que desea insertar.

Bloque de mesa

Ahora puede seguir adelante y comenzar a agregar datos a las filas de la tabla. Siempre puede agregar más filas y columnas si es necesario. También hay dos opciones básicas de estilo disponibles.

5. Creando contenido multi-columna

La creación de contenido de varias columnas fue otro problema que el editor clásico no manejó en absoluto. El editor de bloques le permite agregar bloques de Columnas, que básicamente agrega dos columnas de bloques de párrafos por cierto estas invitado a publicar tu empresa gratis en Ruubay.

Contenido de varias columnas

Este bloque de columnas es bastante flexible. Puede agregar hasta 6 columnas en una fila e incluso usar otros bloques dentro de cada columna.

Consejos de bonificación para usar Gutenberg como un profesional

Al mirar el nuevo editor de bloques, puede que se pregunte si pasará más tiempo agregando y ajustando bloques que creando contenido real.

Bueno, el nuevo editor es increíblemente rápido e incluso un uso muy básico durante unos minutos le permitirá agregar bloques al instante sin siquiera pensarlo.

Muy pronto se dará cuenta de cuánto más rápido se convertirá su flujo de trabajo con este nuevo enfoque.

Para usuarios avanzados, aquí hay algunos consejos adicionales para ayudarlo a trabajar aún más rápido con el nuevo editor de WordPress.

1. Mueva la barra de herramientas del bloque a la parte superior.

Como puede haber notado en las capturas de pantalla, hay una barra de herramientas que aparece encima de cada bloque. Puede mover esta barra de herramientas a la parte superior del editor por cierto estas invitado a publicar tu empresa gratis en Ruubay.

Simplemente haga clic en el botón de tres puntos en la esquina superior derecha de la pantalla y luego seleccione la opción Barra de herramientas superior.

Mueve la barra de herramientas del bloque a la parte superior del editor

2. Usa atajos de teclado

Gutenberg viene con varios atajos útiles que harán que su flujo de trabajo sea aún mejor. El primero que debe comenzar a usar de inmediato es el /.

Simplemente ingrese / y luego comience a escribir, y le mostrará los bloques coincidentes que puede agregar instantáneamente.

Para obtener más accesos directos, haga clic en el menú de tres puntos en la esquina superior derecha de la pantalla y luego seleccione ‘Métodos abreviados de teclado’.

Ejecutar atajos de teclado

Aparecerá una ventana emergente con la lista de todos los métodos abreviados de teclado que puede utilizar. La lista tendrá diferentes accesos directos para usuarios de Windows y Mac.

3. Arrastre y suelte los medios para crear automáticamente bloques de medios.

Gutenberg le permite simplemente arrastrar y soltar archivos en cualquier lugar de la pantalla y automáticamente creará un bloque para usted.

Puede soltar una sola imagen o archivo de video, y creará el bloque para usted. También puede colocar varios archivos de imagen para crear un bloque de galería.

Arrastre y suelte el bloque de la galería en el nuevo editor de WordPress

4. Agregar YouTube, Twitter, Facebook, Vimeo y otras incrustaciones

Gutenberg introduce nuevos bloques incrustados en el editor de bloques. Hay un bloqueo para todos los tipos de incrustaciones compatibles, incluidos YouTube, Twitter, Facebook y más.

Incrustar bloques

Sin embargo, solo puede copiar y pegar la URL incrustada en cualquier momento, y automáticamente creará un bloque para usted.

Por ejemplo, si agregó una URL de video de YouTube, automáticamente creará un bloque de inserción de YouTube y mostrará el video.

Agregar más bloques al editor de bloques de Gutenberg en WordPress

El nuevo editor de bloques en WordPress permite a los desarrolladores crear sus propios bloques. Hay algunos complementos impresionantes de WordPress que ofrecen paquetes de bloques para el nuevo editor.

Éstos son algunos de ellos:

1. Gutenberg avanzado

Gutenberg avanzado

Advanced Gutenberg viene con varios bloques para elementos de contenido populares como el control deslizante de productos WooCommerce, testimonios, mapas, contadores, pestañas, acordeones y más.

También le brinda un control avanzado sobre qué usuarios pueden acceder a los bloques según sus roles de usuario . Puede crear perfiles de usuario y seleccionar qué bloques pueden agregar.

2. Apilable – Bloques de Gutenberg

Apilable - Bloques Gutenberg

Apilable: Gutenberg Blocks es una colección de bloques de Gutenberg bellamente diseñados que puede usar en su sitio web. Incluye bloques para el contenedor, publicaciones, cuadrícula de características, acordeón, cuadro de imágenes, lista de iconos, llamada a la acción y más.

3. Bloques de editor

Bloques editor para Gutenberg

Editor Blocks es otra colección ordenada de bloques Gutenberg que puedes usar. Viene con bloques útiles como perfil de autor, imagen de héroe, tabla de precios , marcas, características y más.

Preguntas frecuentes sobre Gutenberg – El nuevo editor de bloques en WordPress

Desde que Gutenberg se convirtió en el nuevo editor de WordPress, hemos estado recibiendo muchas preguntas. Aquí están las respuestas a algunas de las preguntas más frecuentes sobre Gutenberg.

Top 20 productos mas demandados de tendencias para vender en 2019

1. ¿Qué pasa con mis posts y páginas más antiguas? ¿Todavía puedo editarlos?

Tus publicaciones y páginas antiguas son completamente seguras y no se ven afectadas por el Gutenberg. Todavía puedes editarlos, y Gutenberg los abrirá automáticamente en un bloque que contiene el editor clásico.

Edición de artículos antiguos en el nuevo editor de WordPress.

Puede editarlos dentro del editor antiguo, o puede convertir artículos antiguos en bloques y usar el nuevo editor de bloques.

2. ¿Puedo seguir usando el antiguo editor?

Sí, todavía puedes seguir usando el antiguo editor. Simplemente instale y active el complemento Classic Editor .

Al activarse, deshabilitará el editor de bloques y podrá continuar usando el editor clásico.

Tenga en cuenta que el editor clásico será compatible hasta 2022.

3. ¿Qué hacer si el nuevo editor no funciona con un complemento o tema que estoy usando?

El proyecto Gutenberg estuvo en desarrollo durante mucho tiempo. Esto les dio a los autores de plugins y temas mucho tiempo para probar la compatibilidad de su código.

Sin embargo, todavía existe la posibilidad de que algunos complementos y temas no funcionen bien con el nuevo editor. En ese caso, puede instalar el complemento editor clásico, solicitar al desarrollador que agregue el soporte de Gutenberg o simplemente buscar un complemento o tema alternativo, por cierto estas invitado a publicar tu empresa gratis en Ruubay.

Lo estas usando actualmente déjanos tus consejos a continuación en los comentarios… y links a tus vídeos o web…

Pública tu Empresa Gratis