Cómo arman su directorio de restaurantes los mejores del mundo

El listado de BCS declara en H1 «Baja California Sur : 1-22 of 22 restaurants» pero el DOM tiene 26 tarjetas .js-restaurant__list_item, las 26 con data-lat/data-lng. Lo más fuerte: JSON-LD = [] — CERO structured data en la página de listado (michelin.json → jsonld). Grid desktop 4 columnas, tarjeta 321×399 (caja de imagen 321×268, ratio 1.2), 8 tarjetas completas sobre el fold; móvil 1 columna 342×399, 5 completas. La barra de 10 filtros (New, Distinction, Good for, Cuisine, Special diets, In MICHELIN Hotels, Price, Days open, Book Online + search) NO es sticky: position relative, z 1089, y tras scroll a 1500 queda en viewportY -1344 (visible: false). En móvil esa barra hace scroll horizontal (scrollWidth 1147 vs clientWidth 390) y 0 de 11 chips llegan a 44px (todos de 34px de alto). Accesibilidad táctil: 53/217 targets ≥44px en desktop (24%), 53/213 en móvil (25%); el dropdown de Cuisine tiene 9 filas de 20px, 0 llegan a 44px, y muestra los conteos reales (Mexican 16, Contemporary 6, Mediterranean 2, Asian/Bakery/Fusion/Indian/Japanese 1 c/u). Sin librería de mapa en el listado; en móvil solo un botón fijo 69×39 abajo que enlaza a ?showMap=true. Peso: 268 requests / 3.43 MB desktop (scripts 1.77 MB), 251 / 3.14 MB móvil. Tipografía Figtree (h1 20px/500, nombre de tarjeta 20px SemiBold, cuerpo -apple-system 13px). Distinciones: solo 2 de 26 fichas BCS traen data-dtm-distinction=BIB_GOURMAND (Cocina de Campo by Agricole y Flora's Field Kitchen); la estrella es michelin-star_8519.svg a 16px, verificado en /en/mx/restaurants/1-star-michelin (H1 «Mexico : 1-27 of 27 restaurants»). Escala en ciudad grande: San Francisco pagina de 48 en 48 («1-48 of 158 restaurants»).

Eater es el único del set que emite ItemList completo: 1 bloque JSON-LD de 11,650 bytes con 38 itemListElement, cada uno @type Restaurant con name, url (ancla #slug dentro de la misma página) e image. Página larguísima: 56,989px desktop (57,332 tras scroll) y 66,473px móvil. Desktop es 2 columnas: contenido 600px + riel sticky de 640×800 («MORE MAPS IN EATER», sticky top:84px, 20 enlaces). Bloques de entrada de 573px con imagen 530×353 (ratio 1.5), loading=lazy y SIN atributos width/height (hasWH false → riesgo de CLS). Cada entrada trae micro-campos en <strong>: «Open for:», «Price range: $$$», «Best for:». Tipografía: h1 40px/700 y h2 31px/700 en Degular, cuerpo 18px/30.6px en Literata (67 de 69 párrafos con el mismo estilo). Móvil: toggle LIST/MAP como botón fijo 133×38 (z=3) y hasta 6 capas fixed apiladas, incluida una interstitial de descarga de app a pantalla completa 390×844 (bx-slab, z=10899). Tap targets: 166/211 por debajo de 44px de alto, mediana 42px. CERO librerías de motion (gsap, ScrollTrigger, Lenis, Locomotive, Framer, AOS = false); solo 2 animaciones CSS activas. Sin paginación: botón «See more maps». Peso 172 requests / 3.01 MB transferidos pero 9.06 MB decodificados (scripts: 1.89 MB → 7.63 MB). Contraste de arranque brutal: domcontentloaded 0.87s en desktop vs 10.91s en móvil.

El diferenciador medible es la calificación numérica por restaurante: el TOC desktop lista «1 9.6 Anajak Thai THAI SHERMAN OAKS», «2 9.5 Holbox», «3 9.4 Bistro Na's», «4 9.4 Somni», «5 9.4 Dunsmoor» — un índice numerado de 25 tarjetas de 218×365 en grid con gap 24px 88px, bloque de 1200×2639 colocado en y=1802 ANTES del cuerpo. Schema: 2 bloques JSON-LD (Article + ItemList) de 33,239 bytes en la guía, pero el índice /los-angeles/reviews tiene CERO JSON-LD (blocks: 0). Tarjetas de entrada de 1200px con gap 40px e imágenes 576×432 exactamente 4:3 servidas por Cloudinary con c_fill,ar_4:3 y lazy. En el índice de reviews las filas son idénticas: 894×259, gap 0, imagen 292×219 (1.33), y cada fila comprime score + nombre + cocina + barrio + una línea + autor + fecha («7.9 Sonmari SUSHI KOREAN SILVER LAKE … NICOLAS ZHOU JULY 24, 2026»). El H1 del índice es «TOP RATED SPOTS» a 24px — o sea, el H1 es una etiqueta de sección, no el título de la página. Peor usabilidad táctil de todo el set: 701 de 927 targets por debajo de 44px, mediana 20px en la guía (337/354 y mediana 20px en reviews). Nav sticky de 116px desktop / 56px móvil (z 1000) con NEIGHBORHOODS / PERFECT FOR / CUISINES / GUIDES / REVIEWS; en móvil el filtro es una barra fija abajo de 390×48 con un solo botón «FILTER». Tipografía National 2: h1 Condensed 64px/700 desktop (40px móvil), h3 Narrow 24px, cuerpo National 2 15px/24px en los 40 párrafos. 25 enlaces a Google Maps y ningún mapa embebido. Peso: 223 requests / 3.62 MB, con una sola imagen de héroe de 1.90 MB; domcontentloaded 27.48s en desktop. Paginación: la guía usa «SEE MORE», el índice usa «LOAD MORE».

Es el caso de qué NO hacer, y los números lo prueban. Filtros detectados: CERO, tanto en desktop como en móvil (filters: [] en ambos viewports) — 42 restaurantes en una sola tira sin ninguna forma de filtrar. 20 bloques de anuncio inline (_adsInline_1t43t_10) de 727×148 en desktop y 358×372 en móvil, y el PRIMER elemento sobre el fold es un contenedor de anuncio de 138px (124px móvil) colocado ARRIBA del header. Es la página más alta del set: 79,896px desktop y 112,299px móvil tras el scroll (vs 24,628 de Infatuation y 7,908 de Copenhagen). Red: 3,087 requests en desktop con una suma de content-length de 418 MB, dominada por 15 respuestas de tipo media (~377 MB); en móvil 3,548 requests / 45.9 MB con 1,216 imágenes y 783 scripts. Schema: solo VideoObject (679 B) + Article (1,118 B) — una lista de 42 ítems SIN ItemList. 6 capas sticky/fixed en desktop y 11 en móvil, incluidos rieles de anuncio sticky de 300×250, 728×90 y 300×600. Tipografía Franklin Gothic: h1 48px/800, h2 31px/800, h3 25px, cuerpo y enlaces 16px/24px. Tap targets: 164/294 ≥44px en desktop (56%), 169/286 en móvil (59%) — irónicamente mejor que Michelin e Infatuation. Detalle de SEO editorial: el mes va en el <title> («42 Best Restaurants in Los Angeles - June 2026»).

Visit Copenhagen no publica un listado: publica un hub editorial que enruta. Solo 30 enlaces en <main> en toda la página, y una sola fila con tarjetas reales (5 tarjetas de 205×210, imagen 205×154 ratio 1.33 lazy) bajo el H2 «Still hungry?». Todo lo demás son 12 bloques paragraph-item encabezados por H2 conversacionales: «The big question: Where to eat and drink», «Copenhagen's Michelin Magic» (con el gancho «Get familiar with Copenhagen's 15 Michelin…»), «Eating out with kids or a special someone?», «Taste the whole world or go local», «A captivating restaurant scene». Es la página MÁS LIGERA de todo el set: 121 requests / 2.66 MB en desktop y 120 / 2.85 MB en móvil (vs 3.43 MB de Michelin, 3.01 MB de Eater y los 418 MB de header-sum de Time Out). Altura contenida: 7,908px desktop / 9,431px móvil. Héroe: 899px = 100% del viewport en desktop (imagen 1440×810, ratio 1.78) y 622px = 74% del viewport en móvil (imagen 390×520, ratio 0.75 — recorte vertical distinto, no la misma imagen escalada). Schema pobre: 1 solo bloque JSON-LD de tipo WebPage (887 bytes), sin ItemList ni Restaurant. 4 carruseles Swiper con overflow hidden y scrollWidth > clientWidth. Tipografía Montserrat: h1 48px/800 en desktop y 32px en móvil, h2 36px/800. Tap targets 40/76 ≥44px en desktop (53%) y 44/97 en móvil (45%). Header sticky de 66px desktop / 56px móvil (z 50). Cero librerías de motion. Nota operativa: el banner de cookies exigió clic real ("button[aria-label*='Accept']") en ambos viewports para poder medir.

Se rastrearon 3,005 enlaces de visitloscabos.travel, de los cuales 1,941 son URLs /listing/, y se consolidaron 317 filas de restaurantes candidatos. Contra el inventario de WIC de 50 restaurantes (wic-restaurants.csv), el cruce dio: 85 coincidencias y 212 de brecha con matching laxo; con matching ESTRICTO (≥2 tokens de marca compartidos, o contención de substring ≥6 chars, tras quitar 26 stopwords tipo «restaurant/cabo/san/jose/the») la brecha sube a 244. Se excluyeron 17 entradas por no ser restaurantes (resorts, beach clubs, tours: Hacienda del Mar, Playa Grande, Cactus Tours, El Ganzo Beach Club, Skypool Day Club…). El ranking por score de prioridad SEO pone arriba (estricto): Alma at Esperanza Auberge Collection (18), Nobu Café (18), Nobu Restaurant (18), Baja Brewing Co SJD (11), Baja Brewing Company (11), LíMo Heritage Kitchen at Suelo Sur (11), Estiatorio Milos (10), Manta at The Cape (10), Acre (8), El Squid Roe (8), Sage Limo (8), Talavera (8). El DMO tiene 15 URLs de categoría de restaurantes, incluidas dos dedicadas a Michelin: /restaurants/michelin-guide/ y /restaurants/michelin-guide/michelin-restaurants/. En la auditoría posterior del 8 de junio se capturaron 8 scrapes de categoría (american, asian, cabo-san-lucas, east-cape, fine-dining, mediterranean, san-jose-del-cabo, the-corridor), un shortlist de 23 URLs /listing/ y el inventario propio de WIC de 79 posts con estado publish/draft.

Se midieron 10 páginas en desktop y móvil (home, /restaurantes/, /restaurantes/mariscos/, /que-hacer/, /que-hacer/actividades-y-tours/, /que-hacer/playas/, /lugares-para-visitar/, /hospedaje/, /eventos/, /planea/). Los huecos de SEO son grandes y verificados: /restaurantes/ tiene JSON-LD = [] (cero schema), canonical = null (¡sin canonical!), y DOS H1 en la misma página («La Gastronomía en Los Cabos es única.» y «Restaurantes Recomendados»); sí declara hreflang es/en. Título «Mejores restaurantes en Los Cabos: playa, cocina local y más». El bug de rendimiento más caro está en el héroe: sirve un vídeo Vimeo de 1080p con object-fit: contain y transform matrix(1,0,0,1,-960,-540), es decir un vídeo de 1920×1080 metido a la fuerza en un héroe móvil de 390px de ancho y 499px de alto (medido en /restaurantes/, /hospedaje/ y /que-hacer/, este último con un vídeo de 2560×1440). Layout: grid de 12 tarjetas en 3 columnas de 341px con gap 20px, tarjeta 341×418 (ar 0.816), que en móvil colapsa a lista de 1 columna 350×194; carrusel Glide de 9 slides 253×401 desktop / 269×415 móvil con overflow hidden. Imágenes mal optimizadas: /restaurantes/ carga 73 imágenes (52 lazy, 34 <picture>) pero solo 14 con srcset; /mariscos/ carga 26 (24 lazy) con CERO srcset. Cero librerías de motion en las 10 páginas (gsap, aos, swiper, slick, owl, lenis, three = false), solo 97–182 transiciones CSS. Tipografía Romelio: h1 50px/55px desktop y 30px/33px móvil. Es Simpleview CMS (clases contentRender_NN_type_widget). Trae mapas, clima, favoritos y tripbuilder activos. Sitemap: 634 URLs, 26 con «restaurante».

No es un sitio de referencia sino la aplicación de la investigación: 14 corridas de captura vía Firecrawl sobre whatsincabo.com/best-restaurants-in-cabo/ probando variantes por querystring — ?v=bennoshot, ?v=bentoshot, ?v=bento2, ?v=fix3, ?v=fullfix, ?v=topdetail — más capturas de fichas individuales (/restaurant/outpost-cabo/ tres veces, /restaurant/la-lupita-tacos-mezcal-cabo/). Todas devolvieron success=true con título «Best Restaurants in Cabo San Lucas & Los Cabos (2026)». El llms.txt borrador que acompaña la iteración describe la guía como «our editorial team's 12 best restaurants in Cabo, from MICHELIN Guide fine dining to casual taco favorites near El Médano, with browse-by-cuisine and area» y lista 15 restaurantes destacados con su gancho (Cocina de Autor, Tenoch by Paradero, Nobu Los Cabos, Estiatorio Milos, Cayao, Ilios, Omakai, Sunset Monalisa, Nicksan Cabo, Benno, Outpost, La Lupita, Chambao, Rosa Negra, Cabo Wabo). Los enlaces internos capturados suman 24: 4 de región, 12 de restaurante y 8 de restaurant-type (baja-mexican, contemporary-mexican, farm-to-table, italian, japanese-sushi, mediterranean, seafood, steakhouse).