Revisión semanal SEO

Revisión semanal SEO

Revisión semanal SEO

Puede que hacer una revisión del SEO de tu sitio web, semanalmente de entrada, no sea suficiente. El SEO es un análisis que debe hacerse constantemente.

Sin embargo, hay algunos aspectos que invitan a programar en tu agenda, medio día de trabajo, un día de la semana, para ser revisados. Para esto, te recomendamos las siguientes herramientas:

Google Analytics

Fuentes de tráfico: podrás hacerte una mejor idea de cuál es el porcentaje real del tráfico SEO en tu sitio web.

Páginas de aterrizaje: o landing pages, compara un mes natural con el mismo periodo del año pasado. Fíjate en:

  • La evolución del tráfico orgánico que reciben las diferentes páginas en la web
  • El porcentaje de rebote y tiempo en página; es muy importante que lo compares con la evolución de tráfico
  • Las conversaciones, quizás el punto más importante

Embudo conversión: sin importar el tipo de sitio web que analices, siempre debe haber un objetivo de conversión (una copia, una descarga, diligenciar un formulario, visitar una página o leer un artículo)

Si tenemos una conversión, lo más probable es que tengas un embudo de conversiones y debes fijarte en:

  • Donde se están perdiendo las conversaciones, es decir, en que página de aterrizaje
  • En el inicio será menos relevante que si pierdes una venta en el proceso de compra

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

Search Google

Errores de rastreo: si existe una elevada cantidad de errores, la herramienta te enviará un correo informándote para que lo corrijas.

Los errores más comunes que vas a encontrar, son los del tipo “error 404”, investiga de donde proceden e intenta corregirlos.

Indexación: debes revisar la cantidad de páginas indexadas, páginas bloqueadas y páginas eliminadas y comprobar que todo esté en orden.

  • + Páginas indexadas de las que realmente hay en tu blog = problema de contenido duplicado.
  • – Paginas indexadas de las que realmente hay en tu blog = estas bloqueando paginas sin querer.
  • – Páginas bloqueadas de las que has bloqueado tu = no lo has bloqueado de manera correcta.
  • + Páginas bloqueadas de las que has bloqueado tú = estas bloqueando páginas sin querer

Mejoras HTML: aquí podrás analizar todos los posibles errores relacionados con las etiquetas de tu blog:

  • En meta-descripción y títulos (duplicadas, muy cortas o muy largas, “no informativas” o simplemente no existen)
  • De indexación, si existe alguna página que tenga contenido que no pueda indexar (imágenes, fragmentos de textos o cualquier otro tipo de contenido)
  • Cuando hagas clic en algún tipo de error de contenido, Google te hará una recomendación sobre como repararlo fácilmente

Keywords: sencillo analizar los cambios ya que la propia herramienta te los proporciona

Talk Walter alerts

Alertas keywords Brand: crea alertas para las menciones de tu propia marca, tu competencia y las palabras claves más importantes de tu proceso de SEO. Con esta herramienta puedes:

  • Monitorear fácilmente tu reputación online e identificar las oportunidades de creación de enlaces.
  • Suscribirte a ellos por correo electrónico o RSS.
  • Establecer Talk Walker para recibir las alertas en tu correo electrónico
  • Utilizar este enlace de IFTIT para también obtener las alertas vía mensaje de texto en tu teléfono móvil.

Pingdom Website Speed

Pingdom ofrece, a través de más de 70 ubicaciones globales, las 24 horas del día, durante todo el año, varios análisis confiables para tu sitio web, entre ellos:

  • Tiempo de actividad
  • Monitoreo de rendimiento y velocidad de la página
  • Control del tiempo de actividad
  • Rendimiento
  • Interacciones para una mejor experiencia para el usuario final
  • Análisis de la velocidad de carga
  • Perspectivas de los visitantes
  • Monitoreo de transacciones e interacciones
  • Validar los tipos de contenido
  • Distintas etapas de las solicitudes y peticiones
  • Códigos de respuesta HTTP

Mobi Ready

¿Tu sitio web está listo para ser visualizado correctamente desde distintos tipos de dispositivos móviles?

 Esta herramienta revisa los html, css, javascript e imágenes y te permite validar cómo se observan las páginas de tu sitio web desde:

  • Escritorio
  • Teléfonos de alto, medio y bajo nivel

Al final te ofrece varios informes de la prueba y te permite enviarla a tu correo electrónico.

Probar la velocidad desde móviles

Esta es una herramienta de Google que mide la velocidad de carga de tus páginas simulando una red 3G (de las más lentas), la prueba puede tardar unos pocos minutos, pero la espera vale la pena:

  • Te da un resultado en segundos (no te asustes, es normal tanto tiempo)
  • Calcula el posible porcentaje de pérdida de visitantes, debido a la lentitud
  • Hace comparación entre distintas industrias
  • Te indica cuanto tiempo de carga puedes ganar haciendo los ajustes recomendados

Finalmente te permite obtener un informe gratuito que te es enviado a tu correo electrónico, en el cual están todos los aspectos y detalles que debes mejorar para cumplir con lo planteado como ideal por Google.

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

21+ ideas para difundir tu contenido

21+ ideas para difundir tu contenido

21+ ideas para difundir tu contenido

Ya tienes listo y publicado tu contenido, ahora es el momento de distribuirlo, y acá surge la pregunta: ¿por dónde debo empezar para difundir mi artículo?

Lo primero que debes hacer, es un listado de todos los posibles canales donde puedes distribuirlo; teniendo en cuenta que pueden estar en los siguientes grupos:

→ Canales propios: tu blog, tu sitio web, tus redes sociales

→ Canales ganados: tus fans, tus seguidores, tus influenciadores

→ Canales pagados: espacios en los que pagas para mostrar tus contenidos

Teniendo en cuenta estos canales, te damos 21 ideas de en dónde puedes publicarlos:

1. Tu círculo de colaboradores internos

¿Quién mejor para apoyar tu proceso de divulgación que los miembros de las diferentes áreas de tu empresa? Ellos tienen sus propios círculos sociales, amigos, familiares, clientes y contactos entre otros. Esto puedes hacerlo a través de un comunicado o correo interno.

2. Mensajes personalizados

Una vez publicado tu contenido, envía un mensaje a tus influenciadores del mismo tema, explicando mediante un correo, un mensaje, un tuit, un video personal, el por qué este contenido puede ser relevante para él o ella.

3. Contenido exclusivo

Para tus influenciadores, ofreciéndoles contenido solo para ellos y de calidad, para que lo publiquen en sus blogs o redes sociales.

4. Adaptar y hacer seguimiento

Aún cuando el contenido sea el mismo, cada uno debe ser pensado y adaptado para captar la atención de los usuarios de cada medio. Conserva a la mano tu guía de estilos para saber qué puedes o no hacer en cada canal. Finalmente analiza cuáles son los mejores canales para tu marca.

5. Facebook

Es actualmente la mayor red social en el mundo siendo una de las principales fuentes de tráfico para tu sitio web. Una vez que lo hayas publicado, recuerda compartirlo en esta red social.

6. Instagram

La red de fotografías e imágenes líder del momento,  “comparte” privilegios e información con Facebook y Whatsapp (son hermanitos), y te permite compartir tu contenido visual de varias formas.

7. Twitter

Usada principalmente por periodistas para dar a conocer datos y noticias instantáneas y crear relaciones con influenciadores, es también un excelente canal para tus contenidos.

8. LinkedIn

Es  la red profesional por excelencia, permitiendo compartir artículos directamente en su plataforma, gracias a Pulse, su servicio de noticias en el cual se publican semanalmente más de 130.000 contenidos.

9. Pinterest

Los millones que visitan esta red, buscan ideas, conceptos, fotos e infografías, es muy útil para mostrar beneficios, contenidos multimedia y un sin fin de ideas de todo y para todo, es una gran oportunidad de comunicar lo tuyo y lo mejor: lleva a las personas a tu sitio o blog.

10. Youtube

Es una plataforma para ver, compartir y publicar videos, al ser parte de Google, le da importancia a las búsquedas realizadas y ayuda al posicionamiento de tu contenido en video.

11. Publica en otras redes

Otras no menos importantes, en las cuales puedes compartir contenido en caso que su estilo aplique para tu marca, producto o servicio, son Periscope, Snapchat, Behance entre otras que aplique y sean relevantes para tu presencia digital.

12. Grupos

Aprovecha los grupos que encuentras en varios canales, permitiendo crear un target específico y compartirlo con los miembros de esos grupos.

13. Boletín de noticias

También llamado Newsletter, te permite compartir tu contenido a tu base de datos de prospectos y clientes a través del correo electrónico. La frecuencia semanal, quincenal o mensual, está definida por ti [email protected] o la necesidad de tu mercado.

14. Distribución de contenido pago

Son plataformas que permiten pagar publicidad para ser mostrada en sus propias redes, conocidos como publicidad nativa, analizando siempre que la plataforma se adapte a tu marca como por ejemplo Facebook Ads, Instagram Ads, Twitter Ads, Google Adwords, Pulse de LinkedIn, Pinterest Ads.

15. Participación activa

En blogs, foros, sitios web, redes sociales relevantes, siempre participando como autor, en los cuales puedas mencionar o citar tus ideas y conocimientos. Esto no funciona de un día a otro, antes debes convertirte en un autor reconocido.

16. Adwords – Google

Sistema publicitario que permite distribuir contenido, generar tráfico, visibilidad y muy seguramente, clientes potenciales. Para poder medir la rentabilidad de la inversión, te sugerimos utilizarla para generar visitas a tu sitio o blog y por consiguiente prospectos, mediante publicidad en sitios como Youtube, en el cual puedes solicitar más información del contacto y así es más fácil medir la rentabilidad de la inversión.

17. Social Ads – Facebook

Ya sabemos que Facebook es un canal ideal para llegar a tu audiencia deseada, pero cada vez es más difícil llegar de forma orgánica, esto no impide que nos ayudemos con publicidad, llegando a nuevos públicos con opciones como promocionar una publicación o crear artículo específico y pagar porque sea visto.

18. Social Ads – Twitter

Puedes usarlo como un aliado para llegar a usuarios a los que no tienes acceso con tus canales actuales, a través de las Twitter cards y opciones de segmentación, puedes realizar una campaña de tuits patrocinados hacia usuarios específicos.

19. Lista de chequeo

Crea una lista de chequeo con cada uno de los pasos a seguir, no solo por ti sino también para tu equipo de trabajo, puedes hacerlo en una hoja de cálculo en Google Docs, así todos tendrán acceso a los pasos que se deben de seguir.

20. Publica nuevamente

Tus contenidos en formatos diferentes como video, infografías, encuestas, listas, animaciones, documentos, libros digitales, conferencias online, webinares y eventos, entre muchas otras opciones.

21. Actualiza y redistribuye

Actualizar tu contenido te dará una alta visibilidad, para ello puedes agregar una opinión externa, incluir más imágenes o simplemente actualizar la información del contenido posicionándote mejor que la competencia y recuerda reiniciar el ciclo de divulgación.

Recomendaciones finales

→ Realiza un seguimiento del impacto alcanzado

→ Enfócate en los contenidos y canales más efectivos para ti

→ Invita a tus influenciadores a ser parte de tu contenido

→ En lo posible, el usuario de tus redes sociales que sea el mismo, unificado en cuanto a nombre o marca

→ Verifica que tu sitio web esté optimizado para visitantes y buscadores (SEO)

→ Que el tiempo de carga de tu artículo sea inferior a dos segundos

→ Correcta visibilidad desde cualquier dispositivo móvil

→ Que el sitio web cuente con certificado de seguridad SSL (https)

→ Activa un buscador interno de palabras

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

¿Te gustó?
Más artículos en nuestro blog 
¡Chévere si haces un comentario!

↓↓ Mejor si lo compartes ↓↓

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

Como observar tu competencia usando Facebook Insights

Como observar tu competencia usando Facebook Insights

Como observar tu competencia usando Facebook Insights

Este será un breve, pero productivo artículo en el cual te enseñaremos a espiar (en el buen sentido) a tu competencia y solo es posible si tienes tu página de Facebook y con más de 100 “Me gusta”.

Como hacerlo:

1. Selecciona la pestaña “Estadísticas” en la parte superior de tu página de Facebook

2. Haz clic en el botón azul “Agregar Páginas” opción que encuentras después de “resumen de la página” y “tus publicaciones más recientes” debajo de “Páginas en Observación”

3. Busca y decide qué páginas vas a observar, principalmente de tu competencia

4. Solo podrás escoger y agregar a cinco de ellas, ojalá más exitosas o con mejores resultados que los tuyos, así podrás superarlas, incluso alguna de ellas puede ser de otro sector, si lo está haciendo bien, aprenderás y te servirá de inspiración y práctica (prueba / error)

5. La comparación te mostrará, incluyendo tu página en Facebook:

a. Cantidad de “Me Gusta”

b. Esta semana (rendimiento)

c. Publicaciones de esta semana

d. Interacción de esta semana (reacciones, comentarios y veces que se compartió)

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

6. Analiza e investiga permanentemente, Facebook Insigths (una de las herramientas de esta red social que se encarga de registrar todas las actividades y movimientos estadísticos Facebook) será un gran punto de partida.

Estas son algunas características de Facebook Insigths que detallaremos seguidamente:

Segmentar públicos objetivos sin restricciones ni límites; puedes segmentar por edad, ciudad, profesión, sexo, entre otros.

 Puedes conocer de forma detallada tus nuevos seguidores, sus “Me Gusta”, qué han compartido y la información sobre las interacciones.

 Todos los datos demográficos del público que has alcanzado.

 Analizar la competencia y algunos de sus datos relevantes para tu negocio.

 Te brinda datos de tus contenidos sin movimiento, además de los videos y gifs.

 Puedes observar la hora en que están conectados e interactuando tus seguidores, así podrás saber cuál es el mejor momento y hora para publicar algún contenido o publicación.

Continuando, ¿qué puedes hacer con Facebook Insights?

No solo te permite conocer los resultados que arrojan tus contenidos de forma detallada, sino que también te permite crear informes mensuales, trimestrales o anuales, incluso diarios en caso de que necesites saber el comportamiento de tu contenido en unos días determinados.

Segmentar tus distintos públicos sin restricciones, es decir, puedes hacerlo por gustos, ciudad, edad entre otros.

También puedes conocer tus nuevos seguidores, en detalle, los “Me Gusta”, las veces compartidos tus contenidos, los datos demográficos de tus públicos alcanzados, puedes analizar tu competencia y obtener algunos datos de interés y todas las opciones que te brinda la herramienta.

No solo te entrega datos de tus contenidos estáticos, también lo hace con los videos y gifs.

Observar a qué hora están tus seguidores conectados e interactuando, así puedes saber cuál es el mejor horario para lanzar un contenido o una publicación.

¿Cómo entrar en el mundo de las estadísticas de Facebook?

Si quieres ingresar debes hacerlo desde tu perfil de usuario, esto te sirve para ingresar a tu página de marca y analizar los datos sin salirte de tu perfil. Así puedes seguir viendo las interacciones de tus contactos.

También lo puedes hacer desde tu página de Facebook, ingresando por la opción de “ver más”, luego te permitirá visualizar las páginas que administras; lo único que debes hacer es entrar a la que deseas analizar y ya está.

Con cualquiera de las dos formas de ingresar a Facebook Insights o a las estadísticas, te será posible obtener toda la información que necesites.

Los beneficios de FB Insights

Hasta este punto, te habrás dado cuenta que Facebook Insights tiene muchas ventajas para tu página, la segmentación, el compromiso, la interacción y otras funciones; sin embargo, no te sirve tener la mejor piscina con todos sus accesorios y juegos para todas las edades si no sabes nadar, por eso debes aprovechar cada opción y aplicación que te brinda esta herramienta, usarlas a tu favor y exprimirle hasta la última gota, obteniendo el mayor beneficio.

Sugerencia final:

toda herramienta digital se debe explorar y conocer a profundidad, revisarla de principio a fin, detallar todos sus puntos y extraer las mejores conclusiones. Seguramente tendrás más efectividad y certeza en tu comunicación, logrando el mejor nivel de compromiso (engagement) y haciendo feliz a tu cliente.

¿Te gustó?
Ir al blog
¡Chévere si comentas!

Mejor si compartes

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

Compatibilidad entre tu tema WP y Gutenberg

Compatibilidad entre tu tema WP y Gutenberg

Compatibilidad entre tu tema WP y Gutenberg

El nuevo editor Gutenberg y sus bloques, lanzado con la versión 5 de WordPress, posee características avanzadas, las cuales requieren tener una compatibilidad expresa con el tema activo en tu sitio sobre WordPress. Debido a esto, es difícil que los bloques ofrezcan esos estilos y puede que sea necesario realizar modificaciones en el tema.

Si lo que queremos es permitir algunas de estas características, debemos hacer un llamado a [add_theme_support] en nuestro archivo functions.php del tema activo o en nuestro plugin de funciones personalizadas.

Por ejemplo:

/*----Agregar paleta de colores para los bloques-----*/

function funcionalidades_bloques_okweb() {
    add_theme_support( 'editor-color-palette', array(
        array(
            'name' => __( ''ow-azul-oscuro', 'themeLangDomain' ),
            'slug' => 'ow-azul-oscuro ',
            'color' => '#a156b4',
        ),
        array(
            'name' => __( 'ow-azul-claro', 'themeLangDomain' ),
            'slug' => ' ow-azul-claro',
            'color' => '#d0a5db',
        ),
        array(
            'name' => __( 'ow-naranja', 'themeLangDomain' ),
            'slug' => 'ow-naranja-claro',
            'color' => '#eee',
        ),
        array(
            'name' => __( 'ow-naranja', 'themeLangDomain' ),
            'slug' => 'ow-naranja-claro',
            'color' => '#444',
        ),
    ) );
}

add_action( 'after_setup_theme', 'funcionalidades_bloques_okweb' );


Características opcionales

Alineación de anchura completa

Algunos de los nuevos bloques, permiten esta función como lo es el bloque de imagen donde nos brinda la posibilidad de definir un tipo de alineación “ancha” o “completa” añadiendo el nombre correspondiente de la clase al bloque.

[alignwide o alignfull]

Para ello podemos añadir esta característica en tu tema:

add_theme_support( ‘align-wide’ );

Descripción para las imágenes

Gutenberg permite añadir un texto o descripción flotante debajo de las imágenes, esto hace que sea fácil aplicar estilos.

<!–Marcado tipo para una imagen con descripción–>

<figure class=”wp-block-image”>
<img src=”https://okweb.co/wp-content/uploads/2016/08/logo.png” alt=”Ok Web – Tu Evolución Digital” width=”200px”>
<figcaption>descripción de la imagen</figcaption>
</figure>

<!– Marcado para imagen con flotación a la izquierda –>

<div class=”wp-block-image”>
<figure class=”alignleft”>
<img src=”https://okweb.co/wp-content/uploads/2016/08/logo.png” alt=”Ok Web – Tu Evolución Digital” width=”200px”>
<figcaption>Leyenda de la imagen</figcaption>
</figure>
</div>

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

Darle formato de color a los bloques

Gutenberg nos ofrece la posibilidad de personalizar los colores de los bloques, estos pueden ser sustituidos por tu propia paleta:

/*----Agregar paleta de colores para los bloques-----*/

function funcionalidades_bloques_okweb() {
    add_theme_support( 'editor-color-palette', array(
        array(
            'name' => __( ''ow-azul-oscuro', 'themeLangDomain' ),
            'slug' => 'ow-azul-oscuro ',
            'color' => '#a156b4',
        ),
        array(
            'name' => __( 'ow-azul-claro', 'themeLangDomain' ),
            'slug' => ' ow-azul-claro',
            'color' => '#d0a5db',
        ),
        array(
            'name' => __( 'ow-naranja', 'themeLangDomain' ),
            'slug' => 'ow-naranja-claro',
            'color' => '#eee',
        ),
        array(
            'name' => __( 'ow-naranja', 'themeLangDomain' ),
            'slug' => 'ow-naranja-claro',
            'color' => '#444',
        ),
    ) );
}

add_action( 'after_setup_theme', 'funcionalidades_bloques_okweb' );


→ Estos colores se muestran en el orden de la paleta y no hay un límite de cuantos colores detallar especificar.

→ Cómo cambiar el Slug

El editor de bloques Gutenberg por defecto nos muestra un primer módulo que es el de título, al hacer clic sobre este módulo o presionar la tecla tabulación de nuestro teclado, nos dará la opción de escribir, una vez insertado el título y después de un breve momento al dar de nuevo clic sobre este bloque, nos mostrará en la parte superior, un rectángulo donde está el slug y un botón en la parte derecha que dice editar.

Otra forma de hacerlo es en el panel derecho, allí podremos ver un ítem con el nombre del enlace permanente, lo cambiamos y actualizamos.

→ Como ocultar las cajas por defecto en el editor de bloques

Para ocultar las cajas en los paneles del editor lo que debemos hacer es dirigirnos a la esquina superior derecha, hacemos clic en el icono de los 3 puntos verticales, luego en opciones y allí podemos observar múltiples cuadros de selección, para ocultarlos, simplemente quitamos la selección y listo.

→ Como desactivar el editor de bloques

Lo único que debemos hacer es copiar el siguiente código e insertarlo en nuestro archivo functions.php del child theme o si tenemos nuestro propio complemento de personalizaciones.

Para versiones anteriores a WordPress beta 5.0:

add_filter( ‘gutenberg_can_edit_post_type’, ‘__return_false’ );

Para versiones beta 1 y superiores:

add_filter(‘use_block_editor_for_post_type’, ‘__return_false’, 100);

Pensamientos finales

El nuevo editor Gutenberg de WordPress trae funciones muy prácticas que resultan de gran ayuda a la hora de publicar una entrada o página en tu sitio web.

Debemos familiarizarnos y aprender nuevamente a usar este editor, solo esperemos que sea para quedarse y no para cambiarlo próximamente e iniciar de nuevo el aprendizaje.

¿Te gustó?
Ir al blog
¡Chévere si comentas!

Mejor si compartes

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

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

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

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

El nuevo editor de bloques que WordPress 5 ha lanzado al público, está diseñado para ser intuitivo y flexible. Con un aspecto totalmente diferente al antiguo editor de WordPress, hace todas las cosas que podías hacer en el editor clásico y mucho más.

Creando una nueva entrada para el blog o una página para el sitio web

Empezamos como lo hacemos normalmente desde el escritorio y se ejecutará el nuevo editor de bloques.

Nueva entrada: nos dirigimos al Entradas / Añadir nueva.

Nueva página: vamos a Páginas / Agregar nueva

Agregar un nuevo bloque

El primer bloque de cada publicación que podemos observar es el título, para editarlo lo único que se debe hacer dar clic sobre el campo y escribimos el título que deseamos.

Con la tecla de tabulación de nuestro teclado, nos desplazamos hacia abajo al siguiente campo para empezar a escribir o damos clic sobre este campo, es el bloque de párrafo que te permite empezar a escribir el contenido de la publicación.

También podemos insertar nuevos bloques y posteriormente personalizarlos, esto lo hacemos dando clic en el botón ubicado en la parte superior izquierda del editor en forma de círculo y con un signo más en el centro.

Al hacer clic en el botón, mostrará una caja con una lista tipo menú los bloques más utilizados, con las opciones disponibles para agregar los nuevos, también encontrarás arriba de este menú, una caja de búsqueda.

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

Personalizando bloques con el nuevo editor Gutenberg

Cada bloque posee su propia barra de herramientas que aparece en la parte superior. Los botones en la barra de herramientas cambian dependiendo del bloque que se esté editando.

Por ejemplo, en un bloque de párrafo, muestra botones de formato básico como: alineación de texto, negrita, cursiva, inserción de enlace y enlaces tachados.

Además, cada bloque también tiene sus propios ajustes que se pueden ver en la columna derecha de la pantalla de edición.

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

Guardando y reutilizando bloques en Gutenberg

Una de las mejores opciones de los bloques es que se pueden guardar y reutilizar individualmente.

Para hacer uso de esta función, haz 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‘.

Una vez hecha esta acción, pedirá otorgar un nombre para el bloque reutilizable, asignamos el nombre y lo guardamos.

Ahora que está guardado, 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.

Puede posicionar el ratón sobre el bloque para tener una vista previa de él y para insertarlo simplemente haga clic.

Todos los bloques reutilizables se almacenan en su base de datos de WordPress, y se pueden administrar haciendo clic en el enlace “Administrar todos los bloques reutilizables”.

Opciones de publicación y gestión en Gutenberg

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

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

Agregar bloques comunes en el nuevo editor

El nuevo editor Gutenberg, puede hacer todo lo que hacía 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

Este editor posee un bloque de imagen listo para usar. El bloque de imagen es muy sencillo de implementar, simplemente agregue el bloque y luego cargue un archivo de imagen o selecciónelo de la biblioteca de medios. También permite seleccionar un elemento de nuestro equipo arrastrarlo y cargarlo. En el panel ubicado a la derecha se muestran los campos para establecer el texto alternativo y la descripción del archivo

2. Agregando un enlace en el nuevo editor de bloques

Para esto vamos a usar un bloque de párrafo que viene con un botón de enlace de inserción en la barra de herramientas.

También puede insertar un enlace seleccionando el texto y 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

El bloque de la galería funciona como el bloque de la imagen. Lo agrega y luego carga o selecciona los archivos de imagen para la galería.

4. Agregar códigos cortos en las publicaciones

Funciona igual que el editor antiguo, se inserta el código corto (shortcode) en un bloque de párrafo o también se puede usar un bloque de código abreviado.

5. Agregando un botón en las publicaciones y páginas

Agregar un botón en el editor clásico sí que era un dolor de cabeza, debíamos generarlo por medio de un código corto o cambiar a modo HTML y escribir el código, ahora el editor Gutenberg incluye un bloque de botón el cual nos permite agregar de forma rápida un botón a nuestra entrada o página, podemos elegir entre estilos, establecer el enlace, sus propiedades y cambiarle el color.

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

Una característica importante que podemos probar es el bloque fondo, que nos permite agregar imágenes de portada a nuestras entradas y páginas.

Una imagen de portada es una imagen de anchura completa posicionada en la parte principal de la página. Se ven muy bien y te permiten crear diseños de contenido atractivos.

Simplemente agregue un bloque de fondo 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.

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

Con el editor clásico era necesario usar complementos (plugins) para poder insertar tablas, ahora Gutenberg trae un bloque predeterminado para insertar tablas, lo que hace nuestro trabajo mucho más fácil teniendo la opción de seleccionar la cantidad de filas y columnas necesarias.

8. Creando contenido multi-columna

Esto era otro problema, ahora con el editor Gutenberg y su bloque de columna es mucho más fácil, ya que cumple con la función de generar dos columnas de bloques de párrafos.

Consejos extra para usar Gutenberg de forma profesional

El nuevo editor es increíblemente rápido, hace que nuestro trabajo sea más productivo y ahorremos tiempo; incluso, usándolo de forma básica durante unos minutos, permitirá agregar bloques al instante.

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

→ Usa atajos de teclado

Gutenberg viene con varios atajos útiles que harán que nuestro flujo de trabajo sea aún mejor.

Para obtener accesos directos, haga clic en el menú de tres puntos ubicados en la esquina superior derecha de la pantalla y luego seleccione “Métodos abreviados 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.

→ Arrastra y suelta los medios para crear automáticamente bloques de medios

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

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

→ Agregar redes como YouTube, Twitter, Facebook, Vimeo y otras incrustaciones

Gutenberg introduce nuevos bloques de inserción en el editor de bloques, permitiendo seleccionar la red social que se quiere incluir, luego se escribe la URL de la cuenta o perfil y dando clic en “incrustar” quedará publicado.

¿Te gustó?
Ir al blog
¡Chévere si comentas!

Mejor si compartes

Libros Digitales Ok Web

Breves documentos en formato PDF, elaborados por Ok Web para orientar y ayudar en temas digitales aportando a
Tu Evolución Digital.

Identifica cuál es la mejor opción digital para hacer crecer tu negocio

Alojamiento web de alta calidad para WordPress


SiteGround

Escribir a Ok Web