<!DOCTYPE html>

<html lang="es">

<head>

  <meta charset="UTF-8" />

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Meta tags básicos -->

  <title>[TÍTULO DE TU WEB] | [TU NOMBRE O MARCA]</title>

  <meta name="description" content="[DESCRIPCIÓN DE 150-160 CARACTERES. EJ: Website de [TIPO DE NEGOCIO/PROYECTO]. Explora nuestros servicios, productos y contacto. Diseñado con enfoque en UX y conversión.]" />

  <meta name="keywords" content="[PALABRAS CLAVE: EJ: diseño web, UX, producto, fintech, Barcelona]" />

  <meta name="author" content="[TU NOMBRE]" />

  <meta name="robots" content="index, follow" />

  <link rel="canonical" href="https://[TU-DOMINIO].com/" />

  <!-- Open Graph / Facebook -->

  <meta property="og:title" content="[TÍTULO DE TU WEB]" />

  <meta property="og:description" content="[DESCRIPCIÓN CORTA PARA REDES]" />

  <meta property="og:type" content="website" />

  <meta property="og:url" content="https://[TU-DOMINIO].com/" />

  <meta property="og:image" content="https://[TU-DOMINIO].com/og-image.jpg" />

  <meta property="og:locale" content="es_ES" />

  <!-- Twitter Card -->

  <meta name="twitter:card" content="summary_large_image" />

  <meta name="twitter:title" content="[TÍTULO DE TU WEB]" />

  <meta name="twitter:description" content="[DESCRIPCIÓN CORTA PARA TWITTER]" />

  <meta name="twitter:image" content="https://[TU-DOMINIO].com/twitter-image.jpg" />

  <!-- Favicon -->

  <link rel="icon" href="/favicon.ico" type="image/x-icon" />

  <!-- Schema.org (JSON-LD) -->

  <script type="application/ld+json">

  {

    "@context": "https://schema.org",

    "@type": "WebSite",

    "name": "[TÍTULO DE TU WEB]",

    "description": "[DESCRIPCIÓN COMPLETA DE TU WEB]",

    "url": "https://[TU-DOMINIO].com/",

    "author": {

      "@type": "Person",

      "name": "[TU NOMBRE]"

    },

    "inLanguage": "es",

    "publisher": {

      "@type": "Person",

      "name": "[TU NOMBRE]"

    }

  }

  </script>

  <style>

    body, html {

      margin: 0;

      padding: 0;

      height: 100%;

      overflow: hidden;

    }

    iframe {

      width: 100%;

      height: 100vh;

      border: none;

    }

  </style>

</head>

<body>

  <!-- Contenido oculto para SEO (Google lo indexa pero no se ve) -->

  <div style="display: none;">

    <h1>[TÍTULO DE TU WEB]</h1>

    <p>[DESCRIPCIÓN DETALLADA DE 200-300 PALABRAS SOBRE EL CONTENIDO DE TU WEB. EJ: Esta website presenta [TIPO DE PROYECTO/NEGOCIO], enfocado en [OBJETIVO PRINCIPAL]. Incluye secciones de [LISTA DE SECCIONES: home, servicios, productos, contacto, etc.]. Diseñada con enfoque en usabilidad, accesibilidad y conversión.]</p>

    <p>[SEGUNDO PÁRRAFO OPCIONAL: AÑADE MÁS CONTEXTO, PALABRAS CLAVE SECUNDARIAS, O DETALLES SOBRE EL PROYECTO.]</p>

  </div>

  <!-- Iframe de tu website diseñada en Figma -->

<iframe style="border: 1px solid rgba(0, 0, 0, 0.1);" width="800" height="450" src="https://embed.figma.com/proto/bIz3nGT8ZCaHhlUTtJUtPN/I%C3%B1aki-Serna---Portfolio-2026?node-id=1-4&viewport=323%2C162%2C0.11&scaling=min-zoom&content-scaling=fixed&starting-point-node-id=1%3A4&page-id=0%3A1&embed-host=share" allowfullscreen></iframe>

</body>

</html>