Cómo corregir errores comunes con WordPress

WordPress es el CMS más popular del mundo. No es sorprendente que los usuarios de este motor se enfrenten a problemas típicos y cometan errores comunes. ¿De qué errores estamos hablando y cómo solucionarlos?

Error del menú móvil

Al intentar usar el menú del sitio, los usuarios pueden encontrar un problema (vea la ilustración).

Esto sucede si olvidó especificar el menú móvil en la configuración de WordPress. Para corregir el error, seleccione la sección "Apariencia - Menú - Administración del área" en la consola. Seleccione el menú deseado y guarde los cambios.

Compruebe la disponibilidad del menú móvil en el sitio.

Ver también: ¿Qué errores cometen las tiendas online más grandes de Runet?

Error de datos estructurados (hatom, hcard)

Este es un error muy común que los propietarios de recursos de WordPress suelen conocer a través de las notificaciones en la Consola de búsqueda.

¿De dónde vino el error? La mayoría de las plantillas de diseño de WordPress admiten el marcado usando microformatos de forma predeterminada. Muchos desarrolladores de temas implementan los datos microformats.org con errores.

¿Los errores en los datos estructurados interfieren con los usuarios? No, no tienen ningún efecto directo en la experiencia del usuario. Micromarking ayuda a los motores de búsqueda a indexar correctamente los sitios.

En teoría, en el futuro, los datos semánticos pueden convertirse en un factor de clasificación. En este caso, los errores en el marcado afectarán negativamente la visibilidad del recurso en la búsqueda. Además, debido a errores, los motores de búsqueda no muestran un fragmento extendido en la página de resultados. Otro argumento a favor de trabajar en los errores: los mensajes correspondientes en la Consola de búsqueda son simplemente molestos.

Hay dos formas de corregir el error y una forma de evitarlo. La prevención consiste en elegir una plantilla de diseño en la que el marcado microformats.org se integre correctamente. Elija un tema con características de SEO Friendly y Microformats, instale y pruebe con la herramienta de prueba de micromarking de Google.

Tenga en cuenta que esto no garantiza la ausencia de errores en los datos estructurados, sino que solo reduce su probabilidad. Existe un problema de este tipo: el tema se está validando en el servicio de Google, pero después de indexar las páginas en la Consola de búsqueda, aparecen mensajes de error. En este caso, necesitan ser corregidos.

La primera forma es corregir los errores utilizando el complemento de eliminación de errores de DT hAtom. Tenga en cuenta que este es un producto comercial que el autor actualmente distribuye de forma gratuita. También tenga en cuenta la ausencia de este complemento en el directorio oficial de WordPress.org. Esto significa que el complemento puede no cumplir con los requisitos de seguridad.

DT hAtom Error Removal elimina automáticamente los microformatos de los archivos de temas y agrega el marcado correcto. El desarrollador advierte que el complemento no funciona con todos los temas, por lo que no hay una garantía del cien por ciento para corregir errores.

Instalar y activar el plugin. Para corregir errores en el diseño de publicaciones y páginas, marque la casilla junto a Agregar código de hAtom a Publicaciones y Agregar código de hAtom a páginas. Guarda los cambios.

El complemento agrega los microdatos correctos a las páginas. La información relevante se muestra bajo el contenido.

El marcado creado por el plugin está validado.

Si los archivos, etiquetas y categorías están abiertos para la indexación en su recurso, y hay mensajes de error en la Consola de búsqueda, seleccione la opción Eliminar clase de hentry de las Páginas de archivo. Elimina datos estructurados de las páginas de archivo. Si las páginas de los archivos de su sitio se cierran de la indexación, no se requieren configuraciones adicionales.

Si su sitio utiliza una página de inicio estática, marque la casilla junto a Agregar código de hAtom a la Página de inicio de Static. Si la página principal es la página de registros, marque la opción Eliminar la clase de Hentry de la página de inicio.

Hay un complemento más con el que puede corregir los errores de fuga. Arreglo de Hatom por Fivera.net pagado. Tenga en cuenta que también falta en el directorio oficial de WordPress.

La segunda forma de corregir el error puede llamarse radical. Con el complemento de remoción Hatom / hentry, puede eliminar los microformatos de cualquier tema. El desarrollador afirma que el uso del complemento no afecta las otras funciones y el aspecto de la plantilla de diseño.

Si utiliza otros tipos de marcado, la eliminación de microformatos es un paso lógico. Por ejemplo, si marca publicaciones utilizando Article o BlogPosting Schema.org, los motores de búsqueda obtienen datos semánticos utilizando este tipo de marca. Los microformatos simplemente duplican la información, por lo que se pueden eliminar.

Instalar y activar el plugin. Con la herramienta de verificación de datos estructurados, asegúrese de que el complemento haya eliminado los microformatos de las páginas de su recurso. Después de reindexar un recurso, los mensajes de error en Search Console desaparecerán.

Vea también: Qué hacer cuando sus manos pican: consejos y piratería para los usuarios avanzados de WordPress

URLs inconvenientes para los usuarios

Las recomendaciones para configurar CNC están disponibles en casi todas las guías de creación de sitios de WordPress. Sin embargo, muchos propietarios de sitios utilizan URL fáciles de usar.

Por defecto, los enlaces en WordPress se ven así: // site-wordpress /? P = 112. Los motores de búsqueda comprenden y aceptan dichas URL, por lo que, desde un punto de vista técnico de SEO, pueden utilizarse.

¿Por qué los enlaces predeterminados se consideran inconvenientes para los usuarios en vivo? Son poco informativos. El conjunto de caracteres "/? P = 112" no dice nada a una persona, por lo que le resulta difícil recordar la URL o evaluar la conveniencia de seguir el enlace. Compare los enlaces CNC predeterminados que se ven así: // site-wordpress / kotiki o // site-wordpress / cats / britancy.

Para personalizar la URL, instale el complemento Cyr a Lat mejorado. Este complemento convierte los caracteres cirílicos al latín en referencias. Después de activar el complemento, vaya al menú de la consola "Configuración - Enlaces permanentes". Seleccione la estructura de URL apropiada y guarde sus cambios.

Para mostrar el nombre del encabezado en la URL, en la página de configuración del enlace permanente, marque la casilla junto a la opción "Gratis". En el campo vacío, ingrese el valor /% categoría% /% postnombre% /.

No hay páginas móviles aceleradas.

Este error estratégico priva a su sitio de la cuota de tráfico móvil. Puedes arreglarlo en unos minutos.

Las Páginas Móviles Aceleradas (AMP) es una tecnología de visualización de contenido que aumenta considerablemente la velocidad de carga de un sitio cuando se utilizan dispositivos móviles. Para obtener más información, visite el sitio web del proyecto AMP y la guía de referencia de webmasters de Google.

Puntos clave que necesita saber sobre las páginas móviles aceleradas:

  • AMP es una versión abreviada de las páginas del sitio. En las páginas aceleradas solo se muestra el contenido principal.
  • Google almacena en caché AMP con el marcado correcto para aumentar la velocidad de carga de la página cuando navega desde un dispositivo móvil y usa una conexión de Internet lenta.
  • El motor de búsqueda más grande del mundo puede mostrar el contenido de las páginas aceleradas de su sitio en el carrusel en la página de resultados de búsqueda.
  • AMP no tiene ventaja en los rankings. Pero si las páginas del sitio se muestran en el carrusel, obtendrá más tráfico. El carrusel se encuentra en la parte superior de la SERP.
  • Si está utilizando una versión móvil o un diseño adaptable con AMP, Google preferirá las páginas móviles aceleradas. Es decir, con la implementación correcta de AMP, los usuarios de Google probablemente ingresarán en las páginas aceleradas del sitio, en lugar de hacerlo en su versión móvil o adaptativa.

Para crear páginas móviles aceleradas, use el complemento Automattic AMP. Después de la instalación y activación en su sitio aparecerá AMP. Para llegar a la página acelerada, agregue el final / AMP / a la URL. Tenga en cuenta que el complemento crea páginas aceleradas solo para publicaciones. Para categorías, etiquetas, páginas estáticas y AMP principal no se crea.

Para que las páginas aceleradas se muestren en la salida, deben ser válidas.

Después de indexar la información de AMP sobre ellos, aparecerá en la Consola de búsqueda en el menú "Ver en búsqueda - Páginas móviles aceleradas".

Tenga en cuenta que la presencia de páginas móviles aceleradas en el sitio no significa que todos los propietarios de teléfonos inteligentes y tabletas pasarán automáticamente a la versión AM de las páginas cuando visiten su sitio. La conveniencia de dirigir a los usuarios desde una búsqueda en AMP está determinada por un motor de búsqueda.

Los visitantes de otras fuentes, por defecto, caen en la versión móvil o adaptada del recurso. Si lo desean, pueden cambiar independientemente a AMP. Para esto necesitas cambiar la URL. Algunos optimizadores recomiendan la redirección del servidor, que redirige automáticamente a todos los usuarios a páginas aceleradas. Este es un enfoque incorrecto, ya que no todos los usuarios de teléfonos inteligentes y tabletas necesitan AMP.

Simplemente cree páginas aceleradas y deje que Google decida si enviarles usuarios. No es necesario redirigir desde la versión móvil a AMP.

Ajustar el seguimiento del rendimiento de las páginas aceleradas. Para rastrear las visitas de AMP con Google Analytics, instale y active el complemento AMP Analytics o AMP Toolbox. En la configuración, especifique el ID de seguimiento GA.

Páginas de indexación de paginación

Casi todos los sitios que ejecutan CMS WordPress tienen páginas de paginación. Si no se realiza ninguna acción, pueden aparecer páginas adicionales como // site-wordpress / page / 2 / o // site-wordpress / category / page / 2 / en el índice de los motores de búsqueda.

Google ofrece tres formas de resolver el problema:

  • No haga nada y permita que el motor de búsqueda determine independientemente si incluir o no páginas de paginación en el índice.
  • Haz la página "Mostrar todo" y especifícala como canónica.
  • Utilice los atributos rel = "next" y rel = "prev" para indicar al motor de búsqueda el enlace entre las páginas de paginación.

Un "Yandex" recomienda hacer que la segunda página y las páginas subsiguientes de paginación no sean canónicas. El problema se resuelve con la ayuda del complemento All in One SEO Pack. Instalar y activar el complemento. En la configuración, habilite las opciones "URL canónicas" y "Prohibir paginación para URL canónicas".

El plugin especifica los atributos rel = "next" y rel = "prev" y hace que la primera página de la paginación sea canónica.

Cerrado / abierto para indexar páginas de encabezados, etiquetas y archivos.

El discurso no se trata de un error, sino de una pregunta que requiere atención. CMS WordPress crea encabezados de páginas de navegación, etiquetas y archivos. Algunos propietarios de sitios los dejan abiertos para la indexación, y algunos están prohibidos de los robots para evitar sanciones por contenido duplicado.

No existe una opinión general sobre la conveniencia de bloquear la indexación de páginas de categorías, archivos y etiquetas. Por lo tanto, proceder de acuerdo a la situación.

Deje las páginas de categorías abiertas para los robots de búsqueda si las encuentra útiles para los usuarios. Ejemplo de no WordPress: para "computadoras portátiles", "Yandex" ofrece páginas de categorías de tiendas en línea. Son útiles para los usuarios que, después de navegar a una página de categoría, podrán buscar una computadora portátil adecuada utilizando filtros y menús de navegación.

Las páginas de encabezado del blog de WordPress también pueden desempeñar el papel de un centro de navegación. Imagina que estás escribiendo sobre instrumentos musicales. El usuario ingresa al encabezado de "guitarras acústicas". En esta página encontrará comentarios sobre las herramientas que le interesan.

Los motores de búsqueda no penalizarán el sitio por contenido duplicado si las páginas de encabezados permanecen abiertas para la indexación. Primero, en las páginas de categoría solo se muestra el nombre y el anuncio de las publicaciones. Y los motores de búsqueda son conscientes de que el valor de las páginas de categoría es simplificar la navegación y buscar la información necesaria, y no en el contenido.

En segundo lugar, puede agregar información única a las páginas de rúbricas. Para hacer esto, seleccione el menú "Registros - Categorías" en la consola y agregue texto en el campo "Descripción". Tenga en cuenta que no todas las plantillas de diseño muestran descripciones en la página de rúbricas.

Las páginas de encabezado deben cerrarse de la indexación solo si no desea que aparezcan en la búsqueda. Por ejemplo, si desea enviar visitantes de una búsqueda no a la página de la categoría Guitarras acústicas, sino a un artículo específico sobre guitarras acústicas, evite que los robots indexen páginas de categorías.

Por ejemplo, esto se puede hacer utilizando el complemento All in One Pack de SEO (menú "Configuración básica - Configuración de indexación). También puede cerrar los archivos de fechas y páginas de autores y etiquetas de la indexación.

Vea también: Cómo crear un sitio web en Joomla!: Una guía paso a paso para principiantes

Publicar publicaciones completas

Este es un error típico de los bloggers novatos. Cuando las publicaciones se muestran completamente en la página principal, en las páginas de encabezados y archivos, se deteriora la experiencia del usuario. Los lectores son más difíciles de encontrar el post deseado.

¿No es eso suficiente? Aquí hay otro argumento: cuando publicas una publicación por completo, es más fácil para los atacantes robar tu contenido. Además, los agregadores reciben automáticamente su contenido a través de RSS y lo publican casi simultáneamente con usted.

Para evitar problemas con la usabilidad y el robo de contenido, elimine la parte principal de la publicación debajo del gato. Esto se puede hacer usando la etiqueta "Siguiente".

Para proteger el contenido contra el robo a través de agregadores RSS, vaya a "Configuración - Leer". Asegúrese de que solo esté permitido mostrar anuncios publicados en las fuentes RSS.

La traducción de la plantilla con un hacha.

Estamos hablando de la forma torpe de rusificación de temas: edición de plantillas de archivos. Esto es al menos inconveniente. Para traducir rápidamente un tema, proceda de la siguiente manera:

  • Seleccione e instale un tema adaptado para la traducción. Normalmente, los desarrolladores los marcan con una etiqueta lista para la traducción.
  • Instalar y ejecutar Poedit.
  • Descargue el archivo de patrón de idioma del tema a su computadora. Esto se puede hacer usando un cliente FTP o el complemento Administrador de archivos. El archivo de plantilla de idioma tiene una extensión .pot. Está en la carpeta de Idiomas de tu tema. También puede usar un archivo de traducción existente con la extensión .po.
  • Utilice el menú "Crear nueva traducción" en Poedit. Traducir las frases y oraciones propuestas. Guarde los archivos de traducción en su disco duro.
  • Con un administrador de archivos o un cliente FTP, cargue archivos con las extensiones .mo y .po a la carpeta de idioma de la plantilla.

Falta de miniaturas post

Si no selecciona una miniatura de la publicación, el motor lo hará por usted. Según el tema, la primera o la última foto publicada en el artículo se utiliza como miniatura.

Las miniaturas se muestran en los anuncios de publicaciones en la página principal y en las páginas de categorías. Además, dependiendo de la configuración, pueden formar fragmentos en las redes sociales.

Puede seleccionar una miniatura arbitraria en la página de edición de registros. Primero debes subir una foto a la galería de medios.

Ignorar los microdatos OpenGraph

El protocolo Open Graph se refiere a los tipos básicos de micromarking. Es responsable de mostrar un fragmento de la página en las redes sociales. Si no hay un marcado Open Graph en el sitio, al publicar un enlace o compartirlo, el enlace a su sitio tendrá un aspecto minimalista.

Si el sitio tiene un micro-marcado Open Graph, las redes sociales muestran un fragmento atractivo en las páginas. Incluye una imagen y descripción.

Puede implementar el marcado Open Graph utilizando el complemento apropiado. Y si utiliza el SEO en All in One SEO Pack, no se necesitarán herramientas adicionales. En el menú "Todo en uno SEO - Gestión de módulos" active el módulo "Social Meta".

Ve al menú "Todo en uno SEO - Social Meta". En la configuración del módulo, especifique el nombre del sitio. En la sección "Configuración de imagen", especifique una miniatura de grabación como la fuente. Ahora, cuando publiques enlaces, las redes sociales dibujarán un fragmento con la foto que elegiste como miniatura. Los ajustes restantes no se pueden cambiar.

Vea también: Qué CMS elegir: una guía para elegir un "motor" para el sitio

Abuso de plugin

La capacidad de ampliar rápidamente la funcionalidad del motor mediante complementos: una tarjeta de presentación WordPress. Esta medalla tiene un reverso. Muchos propietarios de sitios instalan complementos adicionales. Pueden entrar en conflicto entre sí, reducir la velocidad de carga de las páginas, aumentar la probabilidad de piratear recursos.

Imagina que deseas agregar un bloque "Compartir" de "Yandex" a las páginas del blog. Esto se puede hacer usando el enchufe apropiado en un minuto. El mismo problema se puede resolver sin un enchufe en 60 segundos. Configure el bloque, copie el código y péguelo en el sitio.

Puede insertar el código de dos maneras:

  • En el menú "Apariencia - Editor", busque el archivo de plantilla, que es responsable de la publicación de publicaciones. Dependiendo del tema, puede ser single.php, content-single.php, index.php. Pegue el código de bloqueo antes de la etiqueta de cierre.
  • Si utiliza complementos para insertar un código de inserción WP, inserte el código de bloque Compartir en la página de configuración del código de la consola administrativa.

Не будет ли злоупотреблением вставка кода с помощью плагина? Нет, так как надстройки типа WP Insert Code действительно полезны. С их помощью вы можете мгновенно вставлять произвольный код. Например, плагин для вставки кода позволяет быстро установить коды сервисов аналитики, пиксели ретаргетинга, социальные виджеты и так далее.

Слишком много рубрик в меню навигации

На сайтах и блогах под управлением WordPress в качестве навигационного меню обычно используется виджет рубрик в сайдбаре. Если вы создали слишком много категорий, навигация по сайту усложняется.

Сколько категорий должно быть в блоге? Постарайтесь уложиться в 15-20. Что делать, если вы пишете много и на разные темы? "Лента.ру" тоже пишет много и на разные темы. Посмотрите, сколько рубрик отображается в основном навигационном меню сайта издания.

Планируйте структуру рубрик так, чтобы пользователю было легко искать нужную информацию. Подумайте, стоит ли создавать дочерние категории.

Si no puede limitar la cantidad de rúbricas en el sitio, muestre solo las principales en el menú de navegación. Para hacer esto, descarte el widget de "Categorías", que por defecto muestra todas las categorías creadas. En su lugar, cree un menú de navegación en la sección correspondiente de la consola. Incluir los encabezados principales.

Muestra los enlaces de navegación en la barra lateral usando el widget Menú personalizado.

Si lo desea, muestre a los usuarios la lista completa de categorías en la forma de un menú desplegable utilizando el widget "Categorías". Si ha creado categorías secundarias, marque la opción "Mostrar jerarquía" en la configuración del widget.

Ignorar el protocolo https

Google hizo del protocolo de red https seguro uno de los factores de clasificación a mediados de 2014. Y desde principios de 2017, el motor de búsqueda más grande del mundo marcará como recursos no seguros que no han cambiado a una conexión segura.

Se puede discutir la conveniencia de usar https para proyectos de contenido, que incluyen la mayoría de los sitios de WordPress. Pero si Google agrega un icono de advertencia al enlace de su recurso en el navegador Chrome o en los resultados de búsqueda, perderá parte del tráfico. Por lo tanto, vaya a https, incluso si tiene un blog sobre tuberías o una revista fotográfica sobre gatos.

Aquí hay algunos trucos de la vida que le ayudarán a traducir de forma rápida y sencilla un sitio de WordPress a una conexión segura:

  • Certificado SSL se puede obtener de forma gratuita. Lea atentamente los términos y condiciones de su plan de alojamiento, así como familiarícese con las acciones del hospedador.
  • Puede instalar un certificado SSL en el sitio usando el complemento Really Simple SSL. Este complemento resuelve automáticamente los problemas asociados con la transición a un protocolo seguro. El complemento corrige enlaces internos e incluye una redirección constante de http a la versión https.
  • Para corregir los enlaces internos, en la configuración del complemento Really Simple SSL, marque la opción Reemplazar automáticamente contenido mixto.
  • Asegúrese de que el complemento haya configurado la redirección del servidor 301. La siguiente entrada debería aparecer en el archivo .htaccess después de habilitar el complemento:

RewriteEngine en

RewriteCond% {https}! = En [NC]

RewriteRule ^ (. *) $ //% {HTTP_HOST}% {REQUEST_URI} [R = 301, L]

Si el complemento no ha habilitado la redirección del servidor, hágalo manualmente o contacte a su proveedor de alojamiento.

Después de configurar una redirección 301, Google determinará automáticamente el espejo principal del sitio. Solo necesita agregar un recurso con https en la Consola de búsqueda y confirmar los derechos de administración. Los datos serán actualizados en unos pocos días.

Con Yandex, se deberán tomar acciones adicionales. Teóricamente, el motor de búsqueda más grande de Runet debería cambiar el espejo principal después de configurar correctamente una redirección permanente. En la práctica, es mejor especificar el espejo principal utilizando la directiva de host en el archivo robots.txt.

La edición del archivo robots.txt es conveniente con el complemento de robots.txt virtual o complementos similares.

Cuando haya especificado el espejo principal en el archivo robots.txt, use la herramienta "Site Moving" en Yandex.Webmaster. Marque la opción "Agregar https" y guarde los cambios.

NB! Especifique el espejo principal en el archivo robots.txt e informe a Yandex sobre el cambio del espejo principal utilizando la herramienta Mover sitio antes de activar la redirección del servidor. En este caso, no tiene que crear reglas de redireccionamiento separadas para el archivo robots.txt en la versión http del recurso, y también retrasar la configuración del redireccionamiento del servidor hasta que los reflejos estén pegados.

Después de guardar los cambios en la sección "Sitio en movimiento", agregue un sitio web con https al "Webmaster". En aproximadamente una semana, Yandex informará un cambio en el espejo principal.

No tenga miedo de perder el tráfico de búsqueda. Si haces todo bien, los motores de búsqueda responderán normalmente a un cambio de protocolo. El gráfico marca el punto de transición del sitio de prueba a https. El cambio en el protocolo no afectó la tendencia general.

Abuso de widgets

CMS WordPress admite varios widgets: Meta, Publicaciones recientes, Publicaciones populares, Nube de etiquetas, Calendario y otros. Muchas plantillas de diseño le permiten mostrar widgets adicionales, por ejemplo, un widget con iconos de redes sociales o un bloque personalizado de entradas populares. Finalmente, muchos complementos también le permiten mostrar widgets adicionales en el sitio. Por ejemplo, el complemento de sondeo WP-Polls le permite mostrar los resultados de las encuestas en la barra lateral o en el pie de página.

Los widgets mejoran la funcionalidad y el contenido de información del sitio, así como también mejoran la apariencia del recurso. Entonces cual es el problema Aparece cuando el webmaster detecta en el sitio casi todos los elementos visuales que se encuentran en el menú de la consola "Apariencia - Widgets". No solo estropea el aspecto de tu blog. Esto confunde al usuario y crea inconvenientes para él.

No publique más de tres o cuatro widgets en la barra lateral de un sitio o blog en WordPress. Asegúrese de encontrar un lugar para el menú de navegación, que se pueda implementar utilizando el widget "Encabezados" o "Menú arbitrario". Publicar un widget regular o personalizado de publicaciones populares. Te quedan dos lugares. Publicar un widget social y un formulario de suscripción.

Pero los widgets enumerados a continuación no deben mostrarse en su sitio bajo ninguna circunstancia:

  • Nube de etiquetas Este widget solo es adecuado para blogs como "Nuestro quinto grado".
  • Meta Este elemento generalmente no es necesario en los sitios. La única excepción: sitios de la comunidad con un gran número de usuarios. En este caso, se necesita el widget para facilitar a los usuarios el inicio de sesión en el sitio.
  • Widget de calendario. Este es un artículo inútil que ocupa mucho espacio.
  • Archivos. ¿Realmente crees que alguien buscará publicaciones en los archivos durante el año pasado? Luego cuelgue el widget en la forma de un menú desplegable en algún lugar del pie de página.
  • RSS. ¿Por qué transmitir en su sitio las fuentes RSS de otras personas?
  • Widgets extra sociales. Puedes colgar un elemento visual de este tipo. Alternativamente, puedes considerar el panel con enlaces a grupos en redes sociales.
  • Contadores y puzomerki. Si lo desea, deje uno o dos contadores de los servicios de mayor reputación, por ejemplo, Liveinternet. Pero puede monitorear la efectividad del sitio usando "Métricas" o Google Analytics, que no requieren la instalación de elementos visuales en el sitio.

Recuerde, los widgets de servicios externos pueden aumentar el tiempo de carga de la página.

Ver también: Cómo hacer un sitio web en Drupal a ti mismo

Código JS y CSS que bloquea la visualización de la parte superior de la página.

Este es un error que aún no he aprendido a corregir. Pero resolvió parcialmente el problema, por lo que la experiencia puede ser útil para los usuarios de CMS WordPress.

El error no está relacionado con las acciones de los webmasters. El código JavaScript y CSS que bloquea la visualización de la parte superior de la página se encuentra en la mayoría de las plantillas de diseño, incluidos los temas predeterminados de la familia Twentieth. Puede obtener información sobre el problema consultando el sitio con la herramienta PageSpeed ​​Insights de Google.

Los técnicos con "Habra" recomiendan transferir estilos del archivo al código. Esto optimiza CSS y aumenta la velocidad de carga de la página. Si no tiene conocimientos profesionales de HTML, CSS y JavaScript, no debe editar la plantilla usted mismo. Póngase en contacto con los expertos o utilice soluciones ya hechas. A continuación encontrará una lista de complementos que resuelven parcialmente el problema de mostrar la parte superior de la página.

Versión pagada de WP Fastest Cache

Si está listo para pagar 40 dólares por una licencia de por vida, entonces obtenga acceso a las funciones de optimización avanzada de JS, CSS y HTML. No tengo experiencia con el uso de la versión de pago de la herramienta. En los foros de los webmasters, la versión premium del complemento recibe buenas críticas, por lo que el complemento merece una mención.

W3 Total Caché

Este complemento resuelve parcialmente el problema "bloqueo de procesamiento de JavaScript y CSS". Tiene ventajas sobre WP Fastest Cache: las funciones que necesita están disponibles de forma gratuita. Pero más desventajas:

  • Primero, tienes que jugar con la configuración.
  • En segundo lugar, la siguiente receta para resolver el problema del bloqueo de scripts que muestran la parte superior de la página no funciona en la práctica con todos los temas. Por ejemplo, el complemento funcionó con la plantilla predeterminada de Twenty Sixteen, pero no hubo ningún efecto en el tema Realista.
  • Tercero, como se señaló anteriormente, la efectividad de la receta es limitada. Con su ayuda, fue posible resolver el problema de prevenir la visualización del código JavaScript. Pero para optimizar completamente el trabajo de CSS falló. Como resultado, incluso después de la eliminación de JSS, el número de puntos de PageSpeed ​​Insights no aumentó. En los resultados de la prueba, solo la recomendación ha cambiado: en lugar de "Corregir necesariamente", Google escribe "Corregir tanto como sea posible".
  • Finalmente, el principal inconveniente: debido al complemento W3 Total Cache, los sitios se vuelven inaccesibles de vez en cuando. Dos sitios de prueba ubicados en diferentes servidores físicos se desconectaron con un error de 500 después de instalar y activar el complemento. Después de deshabilitar los sitios plug-in recuperados.

¿Quieres arriesgarte y probar? Entonces proceda. Instalar y activar el plugin. En la configuración general, habilite la opción Minify. Seleccione el modo de optimización manual.

Vaya a la sección de configuración del complemento Performance - Minify. En la configuración de optimización de JavaScript, seleccione la carga de código asíncrono en el encabezado de la página.

Copie la URL de los scripts de bloqueo desde la página de Insight de PageSpeed.

Inserte el URI en un formulario especial en la sección de administración de archivos W3 del complemento W3 Total Cache. Tenga en cuenta que la ruta a cada archivo debe especificarse por separado.

En la sección de configuración del complemento Administración de archivos CSS, agregue las URL de CSS que bloquean la visualización de la parte superior de la página. La ruta a CSS se puede encontrar en la página de resultados de la verificación de PageSpeed ​​Insights.

Después de configurar el complemento, verifique la disponibilidad del sitio web en modo de incógnito en el navegador. Verifique la velocidad de carga de la página con PageSpeed ​​Insights. Si el sitio está disponible y el problema con el código JS y CSS que bloquea la pantalla se resuelve o se resuelve parcialmente, use la herramienta.

Optimizar

El complemento Autoptimize también resuelve el problema de bloquear parcialmente la visualización de código JavaScript y CSS.

Instalar y activar el complemento. En la configuración habilitar HTML, JS y CSS optimización. Antes de usar el complemento, PageSpeed ​​Insights recomienda encarecidamente eliminar el bloqueo de JavaScript y el código CSS.

Después de habilitar el complemento, se reduce la cantidad de archivos CSS problemáticos, y Google recomienda corregir el error si es posible. El número de puntos de PageSpeed ​​Insights aumenta de 65 a 71 para dispositivos móviles y de 84 a 86 para PC estacionarios.

Por encima de la optimización de doblez

El complemento de optimización Above the fold también se posiciona como una herramienta para resolver el problema de los códigos JS y CSS que bloquean la visualización de la parte superior de la página. El complemento no resuelve completamente el problema.

Después de la instalación y activación, vaya a la página de configuración. En la pestaña CSS, habilite las opciones Optimizar entrega CSS y Optimizar fuentes web. En la pestaña JavaScript, habilite las funciones Optimizar la carga de Javascript y Lazy Load Scripts. Echa un vistazo a las páginas del sitio utilizando PageSpeed ​​Insights. El complemento debe eliminar el código JS no deseado y reducir el número de bloqueos en la visualización de archivos CSS.

En la práctica, los mejores resultados en la lucha contra el código de bloqueo entre las herramientas gratuitas muestran el complemento Sobre la optimización de la tapa. Los participantes en los foros en inglés para webmasters prefieren resolver un problema con la ayuda de W3 Total Cache, pero esta herramienta es inestable.

Corregir errores para mejorar el sitio.

No hay un CMS técnicamente perfecto. No hay un solo webmaster que use correctamente las capacidades del motor. Por lo tanto, el desarrollo del sitio puede ser representado como un trabajo permanente sobre los errores: propios y de otros.

Para mejorar un recurso de WordPress, comience con los objetivos estratégicos descritos anteriormente. Implemente páginas móviles aceleradas, conecte el protocolo https, cuide la velocidad de carga de las páginas, haga un menú de navegación y un área de widgets convenientes. Luego preste atención a los problemas técnicos tácticos: corrija errores de datos estructurados, integre el marcado OpenGraph, configure un menú móvil. Esto hará que su sitio sea más fácil de usar.

Por cierto, si tiene experiencia resolviendo el problema de bloquear la visualización de la parte superior del código de página JavaScript y CSS, comparta los comentarios.

Loading...

Deja Tu Comentario