Todo ello se realizar\u00e1 con la finalidad de mejorar mi p\u00e1gina web para a su vez mejorar en posicionamiento y en experiencia de usuario.<\/p>\n
\u00bfCu\u00e1les son los pilares del SEO T\u00e9cnico?<\/h2>\n\n- La estructura web: que debe ser clara e intuitiva, dentro encontramos la jerarquizaci\u00f3n, los niveles de profundidad de categor\u00edas respecto a la p\u00e1gina de inicio, las URLs amigables, la estructura de categor\u00edas y subcategor\u00edas, etc.<\/li>\n
- Core Web Vitals:<\/strong> velocidad de carga y experiencia de usuario.<\/strong><\/li>\n
- Responsive: que podr\u00edamos afirmar que deber\u00eda ser un aspecto a realizar ya obligatorio, ya que los buscadores tienen en cuenta que nuestro dise\u00f1o se adapte a todos los dispositivos.<\/li>\n
- Datos Estructurados: con ello nos referimos a c\u00f3digos que le dicen al buscador m\u00e1s informaci\u00f3n sobre nuestro contenido. Como los Rich Snippets o fragmentos enriquecidos.<\/li>\n
- Mejoras On Page: Engloban varios aspectos a tener en cuenta como las urls en protocolo no seguro, los c\u00f3digos de respuesta, la limpieza del c\u00f3digo fuente, la comprobaci\u00f3n de sitemap.xml, las p\u00e1ginas hu\u00e9rfanas, implementaci\u00f3n de meta etiquetas,etc.<\/li>\n<\/ul>\n
Tras comentar los pilares del SEO T\u00e9cnico en nuestro post nos centraremos en uno para conocerlo m\u00e1s de cerca, los Core Web Vitals.<\/p>\n
Conoce los Core Web Vitals<\/h2>\n
Inicialmente los Core Web Vitals surgieron gracias a que Google quiso proveer a las personas de un marco com\u00fan de an\u00e1lisis y de optimizaci\u00f3n centrado en la experiencia del usuario.<\/p>\n
Encontramos estas 3 m\u00e9tricas dentro de los Core Web Vitals:<\/p>\n
\n- FID : First Input Delay, tiempo desde la primera interacci\u00f3n con un elemento hasta su procesamiento<\/strong><\/li>\n
- CLS: Content Layout Shift, desplazamiento del contenido<\/strong><\/li>\n
- LCP: Largest Contentful Paint, renderizado del contenido<\/strong><\/li>\n<\/ul>\n
Por ahora, vamos a realizar una revisi\u00f3n de los objetivos que tienen los Core Web Vitals para luego conocer m\u00e1s detenidamente las 3 m\u00e9tricas, FID, CLS y LCP.<\/p>\n
Objetivos de los Core Web Vitals<\/h3>\n
Los objetivos surgieron debido a que antes de su nacimiento poco se ten\u00eda en cuenta al usuario, se analizaba todo desde un visi\u00f3n m\u00e1s t\u00e9cnica. Tras un tiempo se dieron cuenta que el an\u00e1lisis deb\u00eda centrarse m\u00e1s en la experiencia que pudiesen tener el usuario. Por ello, podemos ver que tanto el an\u00e1lisis como las nomenclaturas se dirigen a la experiencia del usuario<\/strong>. Los Core Web Vitals por tanto tienen como objetivos:<\/p>\n\n- Focalizar al usuario en la web<\/strong>: Cu\u00e1ndo el usuario inicia una visualizaci\u00f3m, cu\u00e1ndo se recolocan todos los elementos o el tiempo que tarda la p\u00e1gina en ser utilizada.<\/li>\n
- Simplificar el an\u00e1lisis:<\/strong> Antes hab\u00edan muchas m\u00e1s m\u00e9tricas y, o eras un total expert o entender todos los indicadores llevaba mucho tiempo para llegar a comprender si hab\u00edan mejoras en la web.\u00a0<\/li>\n
- Unifican:<\/strong> los Core Web Vitals ayudan a establecer un marco global de an\u00e1lisis.<\/li>\n<\/ol>\n
\u00bfPor qu\u00e9 son relevantes para el SEO?<\/h3>\n
Los Core Web Vitals con un aspecto muy relevante para el SEO ya que influyen directamente en las b\u00fasquedas y forman parte del algoritmo que posiciona nuestra web<\/strong>. Adem\u00e1s est\u00e1 comprobado que a una mayor velocidad y una mejor experiencia del usuario se produce un aumento de conversiones.<\/p>\nLos Core Web Vitals, uno a uno<\/h2>\n
Ahora llega el momento de conocer m\u00e1s a fondo el FID, CLS y el LCP.<\/p>\n
LCP o Largest Contentful Paint<\/em><\/h3>\nTiempo en el que tarda el renderizado del contenido m\u00e1s extenso de la web en relaci\u00f3n al momento en el que comenz\u00f3 a cargarse la p\u00e1gina.<\/p>\n
\u00bfQu\u00e9 elementos encontramos en el LCP?<\/h4>\n\n- Elementos de imagen o esta dentro de un propio elemento<\/li>\n
- Elementos de v\u00eddeo<\/li>\n
- Bloques que contengan im\u00e1genes<\/li>\n
- Bloques que contengan elementos de texto<\/li>\n<\/ul>\n
Medici\u00f3n del LCP<\/h4>\n
Si quieres saber c\u00f3mo est\u00e1 tu sitio web de LCP, nosotros te lo contamos:<\/p>\n
\n- Bien: Menos de 2,5″<\/span><\/strong><\/li>\n
- Necesita mejorar: de 2,5″ a 4″<\/span><\/strong><\/li>\n
- Mal: + de 4,5″<\/span><\/strong><\/li>\n<\/ul>\n
FID o First Input Delay<\/em><\/h3>\nTiempo desde que el usuario realiza la primera interacci\u00f3n hasta que el navegador inicia su proceso. Es la m\u00e9trica que m\u00e1s se centra en el usuario. Mide al fin y al cabo la capacidad de respuesta de carga.<\/p>\n
Medici\u00f3n del FID<\/h4>\n\n- Bien: Menos de 100 milisegundos<\/strong><\/span><\/li>\n
- Necesita mejorar: de 100 a 300 milisegundos<\/strong><\/span><\/li>\n
- Mal: m\u00e1s de 300 milisegundos<\/strong><\/span><\/li>\n<\/ul>\n
CLS o Cumulative Layout Shift<\/em><\/h3>\nEsta medici\u00f3n nos indica el desplazamiento durante la carga. Mide el cambio de dise\u00f1o que se produce. Estos cambios de dise\u00f1o suceden cuando un elemento visible cambia su posici\u00f3n de un fotograma al renderizado siguiente.<\/p>\n
Medici\u00f3n del CLS<\/h4>\n\n- Bien: Menos de 0,1″<\/strong><\/span><\/li>\n
- Necesita mejorar: de 0,1″ a 0,25″<\/strong><\/span><\/li>\n
- Mal: m\u00e1s de 0,25″<\/strong><\/span><\/li>\n<\/ul>\n
Herramientas de medici\u00f3n de Core Web Vitals<\/h2>\n
Existen multitud de herramientas de medici\u00f3n de Core Web Vitals pero las m\u00e1s usadas son:<\/p>\n
\n- Google PageSpeed Insights<\/strong><\/em>: Proporciona datos de campo y de laboratorio de dispositivos m\u00f3viles y de escritorio adem\u00e1s de dar recomendaciones.<\/li>\n
- Lighthouse:<\/strong><\/em> Se trata de la herramienta m\u00e1s utilizada tambi\u00e9n de Google. Nos permite auditar y evaluar 4 \u00e1reas de nuestra web.\u00a0<\/li>\n<\/ul>\n
\n- Rendimiento<\/li>\n
- Accesibilidad<\/li>\n
- Mejores pr\u00e1cticas<\/li>\n
- Aspectos SEO<\/li>\n<\/ol>\n
\n- Chrome Devtools<\/strong><\/em>: Pensada para el navegador Chrome con la que podemos analizar los cambios de dise\u00f1o en tiempo real.<\/li>\n
- Otras: <\/strong>Search Console, Web.dev, Webpage.Test, GtMetrix, Dunplab<\/li>\n<\/ul>\n
Una vez presentado los Core Web Vitals, llega el momento de poner en marcha nuestro an\u00e1lisis,\u00bfte animas? Si la respuesta es negativa, lo m\u00e1s probable es que se te haga bola y necesites a un profesional que realice los an\u00e1lisis por ti.<\/p>\n
No dudes que con Dusnic<\/a> est\u00e1s en las mejores manos. <\/strong>Somos la agencia de marketing digital<\/a> que andabas buscando.<\/strong><\/p>\n
Tras comentar los pilares del SEO T\u00e9cnico en nuestro post nos centraremos en uno para conocerlo m\u00e1s de cerca, los Core Web Vitals.<\/p>\n
Conoce los Core Web Vitals<\/h2>\n
Inicialmente los Core Web Vitals surgieron gracias a que Google quiso proveer a las personas de un marco com\u00fan de an\u00e1lisis y de optimizaci\u00f3n centrado en la experiencia del usuario.<\/p>\n
Encontramos estas 3 m\u00e9tricas dentro de los Core Web Vitals:<\/p>\n
- \n
- FID : First Input Delay, tiempo desde la primera interacci\u00f3n con un elemento hasta su procesamiento<\/strong><\/li>\n
- CLS: Content Layout Shift, desplazamiento del contenido<\/strong><\/li>\n
- LCP: Largest Contentful Paint, renderizado del contenido<\/strong><\/li>\n<\/ul>\n
Por ahora, vamos a realizar una revisi\u00f3n de los objetivos que tienen los Core Web Vitals para luego conocer m\u00e1s detenidamente las 3 m\u00e9tricas, FID, CLS y LCP.<\/p>\n
Objetivos de los Core Web Vitals<\/h3>\n
Los objetivos surgieron debido a que antes de su nacimiento poco se ten\u00eda en cuenta al usuario, se analizaba todo desde un visi\u00f3n m\u00e1s t\u00e9cnica. Tras un tiempo se dieron cuenta que el an\u00e1lisis deb\u00eda centrarse m\u00e1s en la experiencia que pudiesen tener el usuario. Por ello, podemos ver que tanto el an\u00e1lisis como las nomenclaturas se dirigen a la experiencia del usuario<\/strong>. Los Core Web Vitals por tanto tienen como objetivos:<\/p>\n
- \n
- Focalizar al usuario en la web<\/strong>: Cu\u00e1ndo el usuario inicia una visualizaci\u00f3m, cu\u00e1ndo se recolocan todos los elementos o el tiempo que tarda la p\u00e1gina en ser utilizada.<\/li>\n
- Simplificar el an\u00e1lisis:<\/strong> Antes hab\u00edan muchas m\u00e1s m\u00e9tricas y, o eras un total expert o entender todos los indicadores llevaba mucho tiempo para llegar a comprender si hab\u00edan mejoras en la web.\u00a0<\/li>\n
- Unifican:<\/strong> los Core Web Vitals ayudan a establecer un marco global de an\u00e1lisis.<\/li>\n<\/ol>\n
\u00bfPor qu\u00e9 son relevantes para el SEO?<\/h3>\n
Los Core Web Vitals con un aspecto muy relevante para el SEO ya que influyen directamente en las b\u00fasquedas y forman parte del algoritmo que posiciona nuestra web<\/strong>. Adem\u00e1s est\u00e1 comprobado que a una mayor velocidad y una mejor experiencia del usuario se produce un aumento de conversiones.<\/p>\n
Los Core Web Vitals, uno a uno<\/h2>\n
Ahora llega el momento de conocer m\u00e1s a fondo el FID, CLS y el LCP.<\/p>\n
LCP o Largest Contentful Paint<\/em><\/h3>\n
Tiempo en el que tarda el renderizado del contenido m\u00e1s extenso de la web en relaci\u00f3n al momento en el que comenz\u00f3 a cargarse la p\u00e1gina.<\/p>\n
\u00bfQu\u00e9 elementos encontramos en el LCP?<\/h4>\n
- \n
- Elementos de imagen o esta dentro de un propio elemento<\/li>\n
- Elementos de v\u00eddeo<\/li>\n
- Bloques que contengan im\u00e1genes<\/li>\n
- Bloques que contengan elementos de texto<\/li>\n<\/ul>\n
Medici\u00f3n del LCP<\/h4>\n
Si quieres saber c\u00f3mo est\u00e1 tu sitio web de LCP, nosotros te lo contamos:<\/p>\n
- \n
- Bien: Menos de 2,5″<\/span><\/strong><\/li>\n
- Necesita mejorar: de 2,5″ a 4″<\/span><\/strong><\/li>\n
- Mal: + de 4,5″<\/span><\/strong><\/li>\n<\/ul>\n
FID o First Input Delay<\/em><\/h3>\n
Tiempo desde que el usuario realiza la primera interacci\u00f3n hasta que el navegador inicia su proceso. Es la m\u00e9trica que m\u00e1s se centra en el usuario. Mide al fin y al cabo la capacidad de respuesta de carga.<\/p>\n
Medici\u00f3n del FID<\/h4>\n
- \n
- Bien: Menos de 100 milisegundos<\/strong><\/span><\/li>\n
- Necesita mejorar: de 100 a 300 milisegundos<\/strong><\/span><\/li>\n
- Mal: m\u00e1s de 300 milisegundos<\/strong><\/span><\/li>\n<\/ul>\n
CLS o Cumulative Layout Shift<\/em><\/h3>\n
Esta medici\u00f3n nos indica el desplazamiento durante la carga. Mide el cambio de dise\u00f1o que se produce. Estos cambios de dise\u00f1o suceden cuando un elemento visible cambia su posici\u00f3n de un fotograma al renderizado siguiente.<\/p>\n
Medici\u00f3n del CLS<\/h4>\n
- \n
- Bien: Menos de 0,1″<\/strong><\/span><\/li>\n
- Necesita mejorar: de 0,1″ a 0,25″<\/strong><\/span><\/li>\n
- Mal: m\u00e1s de 0,25″<\/strong><\/span><\/li>\n<\/ul>\n
Herramientas de medici\u00f3n de Core Web Vitals<\/h2>\n
Existen multitud de herramientas de medici\u00f3n de Core Web Vitals pero las m\u00e1s usadas son:<\/p>\n
- \n
- Google PageSpeed Insights<\/strong><\/em>: Proporciona datos de campo y de laboratorio de dispositivos m\u00f3viles y de escritorio adem\u00e1s de dar recomendaciones.<\/li>\n
- Lighthouse:<\/strong><\/em> Se trata de la herramienta m\u00e1s utilizada tambi\u00e9n de Google. Nos permite auditar y evaluar 4 \u00e1reas de nuestra web.\u00a0<\/li>\n<\/ul>\n
- \n
- Rendimiento<\/li>\n
- Accesibilidad<\/li>\n
- Mejores pr\u00e1cticas<\/li>\n
- Aspectos SEO<\/li>\n<\/ol>\n
- \n
- Chrome Devtools<\/strong><\/em>: Pensada para el navegador Chrome con la que podemos analizar los cambios de dise\u00f1o en tiempo real.<\/li>\n
- Otras: <\/strong>Search Console, Web.dev, Webpage.Test, GtMetrix, Dunplab<\/li>\n<\/ul>\n
Una vez presentado los Core Web Vitals, llega el momento de poner en marcha nuestro an\u00e1lisis,\u00bfte animas? Si la respuesta es negativa, lo m\u00e1s probable es que se te haga bola y necesites a un profesional que realice los an\u00e1lisis por ti.<\/p>\n
No dudes que con Dusnic<\/a> est\u00e1s en las mejores manos. <\/strong>Somos la agencia de marketing digital<\/a> que andabas buscando.<\/strong><\/p>\n
- Otras: <\/strong>Search Console, Web.dev, Webpage.Test, GtMetrix, Dunplab<\/li>\n<\/ul>\n
- Chrome Devtools<\/strong><\/em>: Pensada para el navegador Chrome con la que podemos analizar los cambios de dise\u00f1o en tiempo real.<\/li>\n
- Lighthouse:<\/strong><\/em> Se trata de la herramienta m\u00e1s utilizada tambi\u00e9n de Google. Nos permite auditar y evaluar 4 \u00e1reas de nuestra web.\u00a0<\/li>\n<\/ul>\n
- Necesita mejorar: de 0,1″ a 0,25″<\/strong><\/span><\/li>\n
- Necesita mejorar: de 100 a 300 milisegundos<\/strong><\/span><\/li>\n
- Necesita mejorar: de 2,5″ a 4″<\/span><\/strong><\/li>\n
- Bien: Menos de 2,5″<\/span><\/strong><\/li>\n
- Simplificar el an\u00e1lisis:<\/strong> Antes hab\u00edan muchas m\u00e1s m\u00e9tricas y, o eras un total expert o entender todos los indicadores llevaba mucho tiempo para llegar a comprender si hab\u00edan mejoras en la web.\u00a0<\/li>\n
- CLS: Content Layout Shift, desplazamiento del contenido<\/strong><\/li>\n
![\"\"](\"https:\/\/www.dusnic.es\/blog\/wp-content\/uploads\/2022\/09\/CONTACTAR.png\")
<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"