{"id":31119,"date":"2026-03-14T02:55:00","date_gmt":"2026-03-14T05:55:00","guid":{"rendered":"https:\/\/www.neolo.com\/blog\/?p=31119"},"modified":"2026-03-05T17:16:15","modified_gmt":"2026-03-05T20:16:15","slug":"que-es-parallax-y-como-hacerlo","status":"publish","type":"post","link":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php","title":{"rendered":"Qu\u00e9 es Parallax y c\u00f3mo hacerlo"},"content":{"rendered":"<span class=\"span-reading-time rt-reading-time\" style=\"display: block;\"><span class=\"rt-label rt-prefix\">Tiempo de lectura:<\/span> <span class=\"rt-time\"> 8<\/span> <span class=\"rt-label rt-postfix\">minutos<\/span><\/span>\n<p>El efecto <strong>parallax<\/strong> es una t\u00e9cnica de dise\u00f1o web que mueve el fondo de una p\u00e1gina a una velocidad diferente al contenido principal, creando sensaci\u00f3n de profundidad. <\/p>\n\n\n\n<p>Se puede implementar con CSS puro, JavaScript o mediante plugins de WordPress sin conocimientos avanzados. Es un recurso visual efectivo para p\u00e1ginas de presentaci\u00f3n, <a href=\"https:\/\/www.neolo.com\/blog\/como-crear-un-portfolio-profesional.php\" target=\"_blank\" rel=\"noreferrer noopener\">portfolios<\/a> y landing pages, siempre que se use con moderaci\u00f3n y sin sacrificar el rendimiento ni la accesibilidad.<\/p>\n\n\n\n\n\n<h2 class=\"wp-block-heading\" id=\"que-es\">Qu\u00e9 es el efecto parallax<\/h2>\n\n\n\n<p>El t\u00e9rmino \u00abparallax\u00bb proviene de la astronom\u00eda y la \u00f3ptica. Describe la diferencia aparente en la posici\u00f3n de un objeto cuando se lo observa desde dos puntos distintos. Aplicado al dise\u00f1o web, el <strong>efecto parallax<\/strong> consiste en que el fondo de una secci\u00f3n se desplaza a una velocidad diferente \u2014generalmente m\u00e1s lenta\u2014 que el contenido que est\u00e1 por encima de \u00e9l.<\/p>\n\n\n\n<p>El resultado visual es una ilusi\u00f3n de profundidad. Al hacer scroll, el visitante percibe que hay distintas capas en la p\u00e1gina: algunas m\u00e1s cercanas y otras m\u00e1s lejanas, como ocurre al mirar el paisaje desde la ventanilla de un autom\u00f3vil en movimiento.<\/p>\n\n\n\n<p>Este efecto gan\u00f3 popularidad en dise\u00f1o web alrededor de 2011-2013, cuando los navegadores empezaron a manejar con m\u00e1s soltura las animaciones en CSS y las manipulaciones del DOM con JavaScript. Hoy sigue siendo un recurso habitual en p\u00e1ginas de presentaci\u00f3n, portfolios creativos, landing pages y sitios corporativos que quieren transmitir dinamismo.<\/p>\n\n\n\n<p>El efecto se puede lograr de tres maneras principales:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Usando \u00fanicamente <strong>CSS<\/strong> (la opci\u00f3n m\u00e1s sencilla y ligera)<\/li>\n\n\n\n<li>Usando <strong>JavaScript<\/strong> (m\u00e1s control, m\u00e1s posibilidades)<\/li>\n\n\n\n<li>Usando <strong><a href=\"https:\/\/www.neolo.com\/blog\/mejores-plugins-para-reservar-servicios.php\">plugins<\/a> o constructores<\/strong> en plataformas como WordPress (sin escribir c\u00f3digo)<\/li>\n<\/ul>\n\n\n\n<p>Cada enfoque tiene sus ventajas y limitaciones, que se explican en detalle m\u00e1s adelante.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"para-que-sirve\">Para qu\u00e9 sirve y cu\u00e1ndo tiene sentido usarlo<\/h2>\n\n\n\n<p>El parallax no es un efecto neutral: llama la atenci\u00f3n de forma inmediata y genera una experiencia visual m\u00e1s rica que una p\u00e1gina est\u00e1tica. Pero eso no significa que deba usarse siempre.<\/p>\n\n\n\n<p><strong>Casos donde el parallax aporta valor real:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li><strong>P\u00e1ginas de presentaci\u00f3n o \u00abhero\u00bb<\/strong>: la secci\u00f3n principal de un sitio donde se quiere causar una primera impresi\u00f3n fuerte.<\/li>\n\n\n\n<li><strong>Portfolios creativos<\/strong>: fot\u00f3grafos, dise\u00f1adores, agencias digitales que quieren mostrar su capacidad t\u00e9cnica y est\u00e9tica.<\/li>\n\n\n\n<li><strong>Landing pages de productos<\/strong>: si el producto tiene una narrativa visual (dispositivos tecnol\u00f3gicos, moda, gastronom\u00eda), el parallax refuerza el storytelling.<\/li>\n\n\n\n<li><strong>P\u00e1ginas one page<\/strong>: especialmente en sitios de una sola p\u00e1gina donde se recorre el contenido con scroll, el parallax ayuda a separar secciones de forma elegante. Si est\u00e1s dise\u00f1ando este tipo de sitio, puede ser \u00fatil entender mejor qu\u00e9 es una One Page y cu\u00e1ndo conviene usarla.<\/li>\n<\/ul>\n\n\n\n<p><strong>Cu\u00e1ndo evitarlo o usarlo con cautela:<\/strong><\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sitios con mucho contenido textual (blogs, noticias, tiendas con cat\u00e1logos extensos): el parallax puede distraer y ralentizar la navegaci\u00f3n.<\/li>\n\n\n\n<li>Proyectos donde el tiempo de carga es cr\u00edtico, como tiendas de ecommerce con muchos productos.<\/li>\n\n\n\n<li>Cuando la audiencia principal usa dispositivos m\u00f3viles: el parallax con fondos fijos no funciona bien en iOS y en muchos Android, y puede generar experiencias rotas si no se implementa con cuidado.<\/li>\n<\/ul>\n\n\n\n<p>En la pr\u00e1ctica, el error m\u00e1s com\u00fan no es usar parallax sino usarlo en exceso: cuatro o cinco secciones con el mismo efecto repetido pierden impacto r\u00e1pidamente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"parallax-css\">C\u00f3mo hacer parallax con CSS puro<\/h2>\n\n\n\n<p>La t\u00e9cnica m\u00e1s simple y con mejor rendimiento es la que utiliza \u00fanicamente CSS, espec\u00edficamente la propiedad <code>background-attachment: fixed<\/code>. No requiere JavaScript y funciona bien en la mayor\u00eda de los navegadores de escritorio.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Estructura HTML b\u00e1sica<\/h3>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;section class=&quot;parallax-section&quot;&gt;\n  &amp;lt;div class=&quot;contenido&quot;&gt;\n    &amp;lt;h2&gt;Tu mensaje aqu\u00ed&amp;lt;\/h2&gt;\n    &amp;lt;p&gt;Descripci\u00f3n o llamada a la acci\u00f3n.&amp;lt;\/p&gt;\n  &amp;lt;\/div&gt;\n&amp;lt;\/section&gt;\n\n<\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">CSS para el efecto parallax<\/h3>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n.parallax-section {\n  background-image: url(&#039;tu-imagen-de-fondo.jpg&#039;);\n  background-attachment: fixed;\n  background-position: center;\n  background-repeat: no-repeat;\n  background-size: cover;\n  min-height: 500px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.contenido {\n  text-align: center;\n  color: #ffffff;\n  padding: 40px;\n  background-color: rgba(0, 0, 0, 0.4);\n  border-radius: 8px;\n}\n\n<\/pre><\/div>\n\n\n<p>La clave est\u00e1 en <code>background-attachment: fixed<\/code>: mantiene la imagen de fondo fija respecto a la ventana del navegador mientras el contenido se desplaza normalmente al hacer scroll.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo crear m\u00faltiples secciones parallax<\/h3>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n.seccion-normal {\n  background-color: #f5f5f5;\n  padding: 80px 40px;\n  text-align: center;\n}\n\n.parallax-1 {\n  background-image: url(&#039;imagen-1.jpg&#039;);\n  background-attachment: fixed;\n  background-position: center top;\n  background-size: cover;\n  min-height: 400px;\n}\n\n.parallax-2 {\n  background-image: url(&#039;imagen-2.jpg&#039;);\n  background-attachment: fixed;\n  background-position: center center;\n  background-size: cover;\n  min-height: 400px;\n}\n\n<\/pre><\/div>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div class=&quot;seccion-normal&quot;&gt;\n  &amp;lt;h2&gt;Secci\u00f3n de contenido&amp;lt;\/h2&gt;\n  &amp;lt;p&gt;Texto explicativo aqu\u00ed.&amp;lt;\/p&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;div class=&quot;parallax-1&quot;&gt;&amp;lt;\/div&gt;\n\n&amp;lt;div class=&quot;seccion-normal&quot;&gt;\n  &amp;lt;h2&gt;Otra secci\u00f3n de contenido&amp;lt;\/h2&gt;\n  &amp;lt;p&gt;M\u00e1s texto aqu\u00ed.&amp;lt;\/p&gt;\n&amp;lt;\/div&gt;\n\n&amp;lt;div class=&quot;parallax-2&quot;&gt;&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n\n<h3 class=\"wp-block-heading\">Limitaci\u00f3n importante en m\u00f3viles<\/h3>\n\n\n\n<p><code>background-attachment: fixed<\/code> no funciona correctamente en iOS Safari ni en muchos navegadores de Android. Para solucionar esto, es recomendable desactivar el efecto en pantallas peque\u00f1as:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n@media (max-width: 768px) {\n  .parallax-1,\n  .parallax-2 {\n    background-attachment: scroll;\n  }\n}\n\n<\/pre><\/div>\n\n\n<h2 class=\"wp-block-heading\" id=\"parallax-javascript\">C\u00f3mo hacer parallax con JavaScript<\/h2>\n\n\n\n<p>Para lograr mayor control sobre la velocidad, la direcci\u00f3n y los elementos que se mueven, JavaScript es la herramienta adecuada. Hay dos caminos: escribir el c\u00f3digo desde cero o usar una librer\u00eda especializada.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Parallax b\u00e1sico con JavaScript puro<\/h3>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;div id=&quot;parallax-hero&quot; style=&quot;position: relative; overflow: hidden; height: 500px;&quot;&gt;\n  &amp;lt;img \n    id=&quot;fondo-parallax&quot; \n    src=&quot;imagen-fondo.jpg&quot; \n    style=&quot;position: absolute; width: 100%; top: 0; left: 0;&quot;\n    alt=&quot;Fondo con efecto parallax&quot;\n  &gt;\n  &amp;lt;div style=&quot;position: relative; z-index: 2; padding: 100px 40px; color: white;&quot;&gt;\n    &amp;lt;h1&gt;T\u00edtulo con parallax&amp;lt;\/h1&gt;\n  &amp;lt;\/div&gt;\n&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nwindow.addEventListener(&#039;scroll&#039;, function() {\n  const scrollY = window.scrollY;\n  const fondo = document.getElementById(&#039;fondo-parallax&#039;);\n\n  \/\/ Mueve el fondo a la mitad de la velocidad del scroll\n  fondo.style.transform = &#039;translateY(&#039; + (scrollY * 0.5) + &#039;px)&#039;;\n});\n\n<\/pre><\/div>\n\n\n<p>El factor <code>0.5<\/code> controla la velocidad del parallax. Un valor m\u00e1s bajo (como <code>0.2<\/code>) hace que el fondo se mueva m\u00e1s lentamente y el efecto sea m\u00e1s sutil. Un valor m\u00e1s alto (como <code>0.8<\/code>) acerca la velocidad del fondo a la del scroll y reduce el efecto de profundidad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Uso de la librer\u00eda Rellax.js<\/h3>\n\n\n\n<p>Rellax.js es una librer\u00eda ligera (menos de 5KB) que simplifica enormemente la implementaci\u00f3n:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n&amp;lt;!-- Incluir la librer\u00eda --&gt;\n&amp;lt;script src=&quot;https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/rellax\/1.12.1\/rellax.min.js&quot;&gt;&amp;lt;\/script&gt;\n\n&amp;lt;!-- Elemento con parallax --&gt;\n&amp;lt;div class=&quot;rellax&quot; data-rellax-speed=&quot;-2&quot;&gt;\n  &amp;lt;img src=&quot;fondo.jpg&quot; alt=&quot;Fondo parallax&quot;&gt;\n&amp;lt;\/div&gt;\n\n<\/pre><\/div>\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n\/\/ Inicializar Rellax\nvar rellax = new Rellax(&#039;.rellax&#039;);\n\n<\/pre><\/div>\n\n\n<p>El atributo <code>data-rellax-speed<\/code> acepta valores entre <code>-10<\/code> y <code>10<\/code>. Los valores negativos mueven el elemento hacia arriba al hacer scroll (efecto parallax cl\u00e1sico); los positivos lo mueven hacia abajo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Optimizaci\u00f3n del rendimiento con requestAnimationFrame<\/h3>\n\n\n\n<p>Al escuchar el evento <code>scroll<\/code> de forma directa, se puede generar lag visual en p\u00e1ginas con muchos elementos. La soluci\u00f3n es usar <code>requestAnimationFrame<\/code>:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\nlet ticking = false;\n\nwindow.addEventListener(&#039;scroll&#039;, function() {\n  if (!ticking) {\n    window.requestAnimationFrame(function() {\n      const scrollY = window.scrollY;\n      const fondo = document.getElementById(&#039;fondo-parallax&#039;);\n      fondo.style.transform = &#039;translateY(&#039; + (scrollY * 0.4) + &#039;px)&#039;;\n      ticking = false;\n    });\n    ticking = true;\n  }\n});\n\n<\/pre><\/div>\n\n\n<p>Esta t\u00e9cnica asegura que la animaci\u00f3n solo se calcule una vez por frame, lo que mejora notablemente el rendimiento en dispositivos con menos recursos.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"parallax-wordpress\">C\u00f3mo hacer parallax en WordPress sin programar<\/h2>\n\n\n\n<p>Para quienes gestionan su sitio con WordPress, no es necesario tocar c\u00f3digo. Existen varias formas de a\u00f1adir parallax de forma visual.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opci\u00f3n 1: Con Elementor<\/h3>\n\n\n\n<p><a href=\"https:\/\/www.neolo.com\/blog\/como-instalar-elementor-y-elementor-pro-en-wordpress.php\">Elementor<\/a> incluye parallax nativo en sus secciones y columnas. Los pasos son:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Editar una secci\u00f3n con Elementor.<\/li>\n\n\n\n<li>Ir a la pesta\u00f1a <strong>Estilo<\/strong> de la secci\u00f3n.<\/li>\n\n\n\n<li>En <strong>Fondo<\/strong>, seleccionar una imagen.<\/li>\n\n\n\n<li>Activar la opci\u00f3n <strong>Parallax<\/strong> en el campo \u00abEfecto del fondo\u00bb.<\/li>\n\n\n\n<li>Ajustar la velocidad seg\u00fan el resultado visual deseado.<\/li>\n<\/ol>\n\n\n\n<h3 class=\"wp-block-heading\">Opci\u00f3n 2: Con el editor de bloques (Gutenberg) y plugins<\/h3>\n\n\n\n<p>El bloque nativo \u00abPortada\u00bb de WordPress permite a\u00f1adir imagen de fondo, aunque el efecto parallax no est\u00e1 disponible de forma predeterminada. Con el plugin <strong>Advanced Gutenberg<\/strong> o <strong>Kadence Blocks<\/strong> se puede activar parallax en bloques espec\u00edficos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Opci\u00f3n 3: Con el plugin Parallax Scrolling<\/h3>\n\n\n\n<p>El plugin <strong>WP Parallax Content Slider<\/strong> o el m\u00e1s conocido <strong>Advanced WordPress Backgrounds<\/strong> permiten a\u00f1adir secciones con parallax mediante un shortcode o bloque visual, sin necesidad de c\u00f3digo.<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Instalar el plugin desde el repositorio de WordPress.<\/li>\n\n\n\n<li>Crear una nueva secci\u00f3n desde el men\u00fa del plugin.<\/li>\n\n\n\n<li>Subir la imagen de fondo.<\/li>\n\n\n\n<li>Configurar la velocidad del desplazamiento.<\/li>\n\n\n\n<li>Insertar el shortcode en la p\u00e1gina deseada.<\/li>\n<\/ol>\n\n\n\n<p>Para que el parallax funcione correctamente en WordPress, el sitio necesita un hosting que responda con rapidez: cualquier lentitud en la carga del servidor se traduce en animaciones entrecortadas. Si tu sitio presenta este tipo de problemas, puede ser el momento de revisar el plan de <a href=\"https:\/\/www.neolo.com\/esp\/web-hosting\/\">hosting web<\/a> que est\u00e1s usando.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"errores-comunes\">Errores comunes al implementar parallax<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">1. Usar im\u00e1genes demasiado pesadas como fondo<\/h3>\n\n\n\n<p>El parallax expone la imagen de fondo durante m\u00e1s tiempo y en m\u00e1s posiciones que una imagen est\u00e1tica. Si el archivo pesa 3 o 4 MB, el impacto en el tiempo de carga es severo. Lo recomendable es usar im\u00e1genes de entre 200 y 500 KB en formato WebP o JPEG optimizado. Una buena gu\u00eda para este proceso es la de <a href=\"https:\/\/www.neolo.com\/blog\/como-optimizar-imagenes-para-un-sitio-web.php\">c\u00f3mo optimizar im\u00e1genes para un sitio web<\/a>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">2. No probar en dispositivos m\u00f3viles<\/h3>\n\n\n\n<p>Como se mencion\u00f3 antes, <code>background-attachment: fixed<\/code> falla en iOS. Muchos dise\u00f1adores prueban en escritorio, publican el sitio y reciben reportes de visitantes m\u00f3viles que ven la imagen de fondo rota o est\u00e1tica sin el efecto esperado. La soluci\u00f3n siempre es testear en dispositivos reales o usar herramientas de emulaci\u00f3n antes de publicar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">3. Abusar del efecto en una misma p\u00e1gina<\/h3>\n\n\n\n<p>Cinco secciones con parallax seguidas no generan cinco veces m\u00e1s impacto. Al contrario: el efecto pierde su valor diferenciador y el visitante se acostumbra. Lo ideal es reservar el parallax para uno o dos momentos clave de la p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">4. No considerar la accesibilidad<\/h3>\n\n\n\n<p>Algunos usuarios experimentan mareo o incomodidad con los efectos de movimiento en pantalla. La especificaci\u00f3n CSS incluye la media query <code>prefers-reduced-motion<\/code> precisamente para esto:<\/p>\n\n\n<div class=\"wp-block-syntaxhighlighter-code \"><pre class=\"brush: plain; title: ; notranslate\" title=\"\">\n@media (prefers-reduced-motion: reduce) {\n  .parallax-section {\n    background-attachment: scroll;\n  }\n}\n\n<\/pre><\/div>\n\n\n<p>Agregar estas dos l\u00edneas de c\u00f3digo asegura que los usuarios que tienen activada la opci\u00f3n de reducir movimiento en su sistema operativo no vean el efecto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">5. Usar parallax en texto corrido<\/h3>\n\n\n\n<p>El efecto parallax funciona bien en im\u00e1genes de fondo. Aplicarlo directamente a bloques de texto que el usuario necesita leer mientras hace scroll genera incomodidad visual. Si se quiere aplicar parallax a texto, debe ser en titulares grandes y en secciones breves, nunca en p\u00e1rrafos de lectura.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">6. Olvidar el impacto en el SEO por velocidad de carga<\/h3>\n\n\n\n<p>Un sitio con parallax mal implementado puede tardar m\u00e1s en cargar, lo que afecta directamente el posicionamiento en Google. Vale la pena revisar el <a href=\"https:\/\/www.neolo.com\/blog\/que-impacto-tiene-un-hosting-en-el-posicionamiento-web-seo.php\">impacto que tiene el hosting en el posicionamiento web<\/a> para entender por qu\u00e9 la infraestructura donde corre el sitio tambi\u00e9n es parte de la ecuaci\u00f3n.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"conclusion\">Conclusi\u00f3n<\/h2>\n\n\n\n<p>El efecto parallax es una t\u00e9cnica de dise\u00f1o web con fundamentos t\u00e9cnicos claros y un impacto visual real cuando se usa con criterio. La implementaci\u00f3n m\u00e1s sencilla requiere solo unas pocas l\u00edneas de CSS; la m\u00e1s compleja puede involucrar librer\u00edas JavaScript y animaciones sincronizadas con el scroll.<\/p>\n\n\n\n<p>Lo que determina si el parallax suma o resta no es la t\u00e9cnica en s\u00ed, sino el contexto: el tipo de sitio, la audiencia, la calidad de las im\u00e1genes y, sobre todo, el rendimiento del servidor donde corre el sitio.<\/p>\n\n\n\n<p>Un sitio con animaciones visuales bien implementadas necesita un hosting que responda con consistencia. Neolo, con m\u00e1s de 20 a\u00f1os de experiencia desde 2002 y m\u00e1s de 10.000 clientes en todo el mundo, ofrece <a href=\"https:\/\/www.neolo.com\/esp\/web-hosting\/\">planes de hosting web<\/a> con uptime consistente, soporte t\u00e9cnico atendido por personas reales y garant\u00eda de reembolso de 30 d\u00edas. Es una opci\u00f3n concreta para pymes, freelancers y emprendedores que quieren que su sitio funcione bien sin preocuparse por la infraestructura.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"resenas\">Lo que dicen los clientes de Neolo<\/h2>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p>\u2605\u2605\u2605\u2605\u2605 <strong>Fernando<\/strong><br>\u00abHace muchos a\u00f1os que tengo web hosting en Neolo, y la verdad es que no tengo interrupciones en el servicio. Nuestras webs est\u00e1n siempre activas, y alguna vez cuando aparece alg\u00fan inconveniente de origen externo y ajeno a ellos, la gente de Neolo corre a solucionarlo. Excelente servicio recibido, en lo t\u00e9cnico y en lo humano.\u00bb<\/p>\n\n\n\n<p>\u2605\u2605\u2605\u2605\u2605 <strong>Martin Aberastegue<\/strong><br>\u00abNeolo es la mejor compa\u00f1\u00eda de alojamiento web con la que he trabajado. Hace m\u00e1s de 7 a\u00f1os que conf\u00edo en sus servicios tanto para proyectos propios como de mis clientes.\u00bb<\/p>\n\n\n\n<p>\u2605\u2605\u2605\u2605\u2605 <strong>Pablo Guti\u00e9rrez<\/strong><br>\u00abDestaco la velocidad de su soporte y el tiempo de actividad del servidor, que es del 100%.\u00bb<\/p>\n<\/blockquote>\n\n\n\n<h2 class=\"wp-block-heading\" id=\"faq\">Preguntas frecuentes<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEl efecto parallax afecta el SEO de mi sitio?<\/h3>\n\n\n\n<p>El parallax en s\u00ed mismo no penaliza el SEO, pero puede hacerlo indirectamente si provoca que la p\u00e1gina cargue m\u00e1s lento. Google usa la velocidad de carga como factor de posicionamiento, especialmente en m\u00f3viles. La soluci\u00f3n es optimizar las im\u00e1genes de fondo, usar CSS cuando sea posible en lugar de JavaScript pesado y probar el rendimiento con herramientas como PageSpeed Insights.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfPuedo hacer parallax sin saber programar?<\/h3>\n\n\n\n<p>S\u00ed. Si el sitio est\u00e1 en WordPress, constructores como Elementor incluyen parallax nativo sin necesidad de escribir c\u00f3digo. Tambi\u00e9n existen plugins dedicados que permiten configurar el efecto de forma visual. La opci\u00f3n de CSS con <code>background-attachment: fixed<\/code> tambi\u00e9n es accesible para quienes tengan nociones b\u00e1sicas de estilos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEl parallax funciona en tel\u00e9fonos m\u00f3viles?<\/h3>\n\n\n\n<p>Depende de c\u00f3mo est\u00e9 implementado. La t\u00e9cnica de <code>background-attachment: fixed<\/code> no funciona en iOS Safari. Para que el efecto sea compatible con m\u00f3viles, es necesario desactivarlo en pantallas peque\u00f1as mediante media queries, o usar una implementaci\u00f3n JavaScript que detecte el tipo de dispositivo y ajuste el comportamiento.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfCu\u00e1l es la diferencia entre parallax con CSS y con JavaScript?<\/h3>\n\n\n\n<p>CSS con <code>background-attachment: fixed<\/code> es m\u00e1s simple, m\u00e1s liviano y tiene mejor rendimiento, pero ofrece menos control. Solo mueve el fondo de una imagen respecto al scroll. JavaScript permite mover cualquier elemento de la p\u00e1gina, controlar la velocidad con m\u00e1s precisi\u00f3n y crear efectos m\u00e1s complejos (movimiento horizontal, rotaci\u00f3n, cambios de opacidad). Para la mayor\u00eda de los sitios corporativos o de presentaci\u00f3n, la soluci\u00f3n CSS es suficiente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 librer\u00eda JavaScript recomiendan para parallax?<\/h3>\n\n\n\n<p>Las m\u00e1s utilizadas y con mejor soporte son <strong>Rellax.js<\/strong> (muy ligera, menos de 5KB), <strong>ScrollMagic<\/strong> (para efectos complejos vinculados al scroll) y <strong>GSAP con ScrollTrigger<\/strong> (la m\u00e1s potente, ideal para animaciones sofisticadas). Para proyectos simples, Rellax.js es la opci\u00f3n m\u00e1s pr\u00e1ctica.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEl parallax puede causar problemas de accesibilidad?<\/h3>\n\n\n\n<p>S\u00ed. Los efectos de movimiento pueden generar incomodidad o mareo en personas con sensibilidad vestibular. Para mitigarlo, es importante implementar la media query <code>prefers-reduced-motion<\/code> que desactiva el efecto cuando el usuario lo ha configurado as\u00ed en su sistema operativo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 tipo de im\u00e1genes funcionan mejor para el efecto parallax?<\/h3>\n\n\n\n<p>Las im\u00e1genes que mejor funcionan son las que tienen un sujeto principal centrado y mucho espacio en los bordes, especialmente en la parte superior e inferior. Esto es importante porque al hacer scroll, la imagen se desplaza y pueden verse zonas que normalmente no ser\u00edan visibles. Im\u00e1genes con horizonte amplio, fondos naturales o texturas funcionan especialmente bien.<\/p>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>El efecto parallax es una t\u00e9cnica de dise\u00f1o web que mueve el fondo de una p\u00e1gina a una velocidad diferente al contenido principal, creando sensaci\u00f3n de profundidad. Se puede implementar con CSS puro, JavaScript o mediante plugins de WordPress sin conocimientos avanzados. Es un recurso visual efectivo para p\u00e1ginas de presentaci\u00f3n, portfolios y landing pages, [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":31235,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[340],"tags":[],"class_list":["post-31119","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-diseno-web"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v25.6 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Qu\u00e9 es Parallax y c\u00f3mo hacerlo - Neolo Blog<\/title>\n<meta name=\"description\" content=\"Qu\u00e9 es el efecto Parallax y c\u00f3mo hacerlo. Sigue estos consejos e instrucciones paso a paso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e9 es Parallax y c\u00f3mo hacerlo - Neolo Blog\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 es el efecto Parallax y c\u00f3mo hacerlo. Sigue estos consejos e instrucciones paso a paso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\" \/>\n<meta property=\"og:site_name\" content=\"Neolo Blog\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/neolohosting\" \/>\n<meta property=\"article:published_time\" content=\"2026-03-14T05:55:00+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1280\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Leonardo de Neolo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nativasca@gmail.com\" \/>\n<meta name=\"twitter:site\" content=\"@neolo\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Leonardo de Neolo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"10 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\"},\"author\":{\"name\":\"Leonardo de Neolo\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/7ae97d1bee058c393a8cb56067bad1c2\"},\"headline\":\"Qu\u00e9 es Parallax y c\u00f3mo hacerlo\",\"datePublished\":\"2026-03-14T05:55:00+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\"},\"wordCount\":2280,\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg\",\"articleSection\":[\"Dise\u00f1o web\"],\"inLanguage\":\"es\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\",\"url\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\",\"name\":\"Qu\u00e9 es Parallax y c\u00f3mo hacerlo - Neolo Blog\",\"isPartOf\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg\",\"datePublished\":\"2026-03-14T05:55:00+00:00\",\"description\":\"Qu\u00e9 es el efecto Parallax y c\u00f3mo hacerlo. Sigue estos consejos e instrucciones paso a paso.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg\",\"width\":1920,\"height\":1280},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Inicio\",\"item\":\"https:\/\/www.neolo.com\/blog\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Dise\u00f1o web\",\"item\":\"https:\/\/www.neolo.com\/blog\/temas\/diseno-web\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Qu\u00e9 es Parallax y c\u00f3mo hacerlo\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#website\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"name\":\"Neolo Blog\",\"description\":\"Blog de Neolo: Dominios, Web Hosting y Marketing Digital\",\"publisher\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.neolo.com\/blog\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#organization\",\"name\":\"Neolo\",\"url\":\"https:\/\/www.neolo.com\/blog\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"contentUrl\":\"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png\",\"width\":392,\"height\":83,\"caption\":\"Neolo\"},\"image\":{\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/neolohosting\",\"https:\/\/x.com\/neolo\",\"https:\/\/www.instagram.com\/neolodotcom\/\",\"https:\/\/www.linkedin.com\/company\/neolo.com\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/7ae97d1bee058c393a8cb56067bad1c2\",\"name\":\"Leonardo de Neolo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/a95dcded58dcb90200f4aeec7ce23964?s=96&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/a95dcded58dcb90200f4aeec7ce23964?s=96&r=g\",\"caption\":\"Leonardo de Neolo\"},\"description\":\"Web hosting, dominios y m\u00e1s en Neolo\",\"sameAs\":[\"https:\/\/www.neolo.com\",\"https:\/\/x.com\/nativasca@gmail.com\"],\"url\":\"https:\/\/www.neolo.com\/blog\/author\/adminneolo\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qu\u00e9 es Parallax y c\u00f3mo hacerlo - Neolo Blog","description":"Qu\u00e9 es el efecto Parallax y c\u00f3mo hacerlo. Sigue estos consejos e instrucciones paso a paso.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php","og_type":"article","og_title":"Qu\u00e9 es Parallax y c\u00f3mo hacerlo - Neolo Blog","og_description":"Qu\u00e9 es el efecto Parallax y c\u00f3mo hacerlo. Sigue estos consejos e instrucciones paso a paso.","og_url":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php","og_site_name":"Neolo Blog","article_publisher":"https:\/\/www.facebook.com\/neolohosting","article_published_time":"2026-03-14T05:55:00+00:00","og_image":[{"width":1920,"height":1280,"url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg","type":"image\/jpeg"}],"author":"Leonardo de Neolo","twitter_card":"summary_large_image","twitter_creator":"@nativasca@gmail.com","twitter_site":"@neolo","twitter_misc":{"Escrito por":"Leonardo de Neolo","Tiempo de lectura":"10 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#article","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php"},"author":{"name":"Leonardo de Neolo","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/7ae97d1bee058c393a8cb56067bad1c2"},"headline":"Qu\u00e9 es Parallax y c\u00f3mo hacerlo","datePublished":"2026-03-14T05:55:00+00:00","mainEntityOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php"},"wordCount":2280,"publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg","articleSection":["Dise\u00f1o web"],"inLanguage":"es"},{"@type":"WebPage","@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php","url":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php","name":"Qu\u00e9 es Parallax y c\u00f3mo hacerlo - Neolo Blog","isPartOf":{"@id":"https:\/\/www.neolo.com\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage"},"thumbnailUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg","datePublished":"2026-03-14T05:55:00+00:00","description":"Qu\u00e9 es el efecto Parallax y c\u00f3mo hacerlo. Sigue estos consejos e instrucciones paso a paso.","breadcrumb":{"@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php"]}]},{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#primaryimage","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2026\/03\/pexels-nadezhda-moryak-6063622.jpg","width":1920,"height":1280},{"@type":"BreadcrumbList","@id":"https:\/\/www.neolo.com\/blog\/que-es-parallax-y-como-hacerlo.php#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Inicio","item":"https:\/\/www.neolo.com\/blog"},{"@type":"ListItem","position":2,"name":"Dise\u00f1o web","item":"https:\/\/www.neolo.com\/blog\/temas\/diseno-web"},{"@type":"ListItem","position":3,"name":"Qu\u00e9 es Parallax y c\u00f3mo hacerlo"}]},{"@type":"WebSite","@id":"https:\/\/www.neolo.com\/blog\/#website","url":"https:\/\/www.neolo.com\/blog\/","name":"Neolo Blog","description":"Blog de Neolo: Dominios, Web Hosting y Marketing Digital","publisher":{"@id":"https:\/\/www.neolo.com\/blog\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.neolo.com\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/www.neolo.com\/blog\/#organization","name":"Neolo","url":"https:\/\/www.neolo.com\/blog\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","contentUrl":"https:\/\/www.neolo.com\/blog\/wp-content\/uploads\/2017\/07\/neolo-verde-chico.png","width":392,"height":83,"caption":"Neolo"},"image":{"@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/neolohosting","https:\/\/x.com\/neolo","https:\/\/www.instagram.com\/neolodotcom\/","https:\/\/www.linkedin.com\/company\/neolo.com\/"]},{"@type":"Person","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/7ae97d1bee058c393a8cb56067bad1c2","name":"Leonardo de Neolo","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/www.neolo.com\/blog\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/a95dcded58dcb90200f4aeec7ce23964?s=96&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/a95dcded58dcb90200f4aeec7ce23964?s=96&r=g","caption":"Leonardo de Neolo"},"description":"Web hosting, dominios y m\u00e1s en Neolo","sameAs":["https:\/\/www.neolo.com","https:\/\/x.com\/nativasca@gmail.com"],"url":"https:\/\/www.neolo.com\/blog\/author\/adminneolo"}]}},"_links":{"self":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/31119","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/comments?post=31119"}],"version-history":[{"count":2,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/31119\/revisions"}],"predecessor-version":[{"id":31236,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/posts\/31119\/revisions\/31236"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media\/31235"}],"wp:attachment":[{"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/media?parent=31119"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/categories?post=31119"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.neolo.com\/blog\/wp-json\/wp\/v2\/tags?post=31119"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}