{"id":31182,"date":"2024-11-12T12:39:36","date_gmt":"2024-11-12T12:39:36","guid":{"rendered":"https:\/\/www.seobility.net\/?post_type=wiki&p=31182"},"modified":"2025-03-18T14:06:17","modified_gmt":"2025-03-18T14:06:17","slug":"Above_the_Fold","status":"publish","type":"wiki","link":"https:\/\/www.seobility.net\/es\/wiki\/Above_the_Fold","title":{"rendered":"Above the Fold"},"content":{"rendered":"

\u00bfQu\u00e9 es above the fold o el primer pantallazo?<\/span><\/h2>\n

El Above the fold o el primer pantallazo describe el \u00e1rea visible de una p\u00e1gina web que captura la atenci\u00f3n inmediata de las y los visitantes, pues es lo primero que visualizan, en la parte superior de la p\u00e1gina, cuando acceden a una web.\n<\/p>\n

Este t\u00e9rmino tambi\u00e9n se aplica com\u00fanmente a los contenidos que se publican en los peri\u00f3dicos. De hecho, above the fold tiene su origen en los medios impresos, pues se utilizaba para describir la informaci\u00f3n que aparece en las portadas de los peri\u00f3dicos, la cual debe atraer, naturalmente, la mirada de la lectora o lector.\n<\/p>\n

Desde la perspectiva del dise\u00f1o, esto era particularmente importante al considerar que los peri\u00f3dicos se doblaban por la mitad, pues solo la parte superior quedaba por encima del pliegue (esta es la traducci\u00f3n literal del ingl\u00e9s \u201cabove the fold\u201d) y era lo que las clientas y clientes potenciales pod\u00edan ver de entrada.\n<\/p>\n

Por esa raz\u00f3n, era imperativo que los titulares y el fragmento de informaci\u00f3n que se ve\u00eda primero, llamaran la atenci\u00f3n lo suficiente para convencer a la lectora o lector de comprar el peri\u00f3dico y leerlo. Como resultado, la clase de contenido a incluir en el above the fold sol\u00edan ser encabezados en negritas con esl\u00f3ganes intrigantes e im\u00e1genes o textos atractivos.\n<\/p>\n

Con el tiempo, este principio tambi\u00e9n se comenz\u00f3 a aplicar a los medios digitales y en la actualidad todo el contenido de una p\u00e1gina web, descrito como above the fold, es aquel que resulta visible para las y los internautas antes de que desplacen la p\u00e1gina hacia abajo (hagan scroll down).\n<\/p>\n

En esta secci\u00f3n se incluyen a menudo banners, encabezados o el men\u00fa del sitio web, as\u00ed como tambi\u00e9n la introducci\u00f3n de alg\u00fan fragmento escrito m\u00e1s abajo en la p\u00e1gina. Por esta misma regla de tres, cualquier contenido que deba desplazarse para ser visto, se clasifica como debajo del primer pantallazo o below the fold.\n<\/p>\n

\u00bfQu\u00e9 contenido se usa en el above the fold?<\/span><\/h2>\n

Es importante para las\/los desarrolladoras\/es que consideran el posicionamiento de sus p\u00e1ginas web, utilizar el concepto \u201cabove the fold\u201d para crear una buena primera impresi\u00f3n de la marca entre las y los visitantes del sitio web.\n<\/p>\n

As\u00ed pues, mientras mejor sea el contenido que aparece en el primer pantallazo, m\u00e1s altas son las posibilidades de incrementar la tasa de conversi\u00f3n del sitio web, generar m\u00e1s tr\u00e1fico y aumentar las ventas.\n<\/p>\n

Por lo tanto, en esta \u00e1rea de la p\u00e1gina se deber\u00eda ubicar un contenido atractivo, vibrante y f\u00e1cil de entender a primera vista. Por ejemplo, el tipo de contenido ideal para colocar en el above the fold puede ser:\n<\/p>\n