The latest articles on DEV Community by Andrés Ospina (@malditogenio). https://dev.to/malditogenio https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.us-east-2.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F4234360%2F1de691ca-f307-47f3-91ac-ff9e4bc271ed.png https://dev.to/malditogenio en Andrés Ospina Mon, 09 Nov 2026 03:42:41 +0000 https://dev.to/malditogenio/pertulma-ultramarina-construyendo-un-directorio-nautico-bilingue-desde-cero-11b https://dev.to/malditogenio/pertulma-ultramarina-construyendo-un-directorio-nautico-bilingue-desde-cero-11b <p>Entre el 7 y el 8 de noviembre estuve trabajando en <a href="https://pertulmaultramarina.online/" rel="noopener noreferrer">Pertulma Ultramarina</a>, un directorio náutico en español e inglés que reúne contenido sobre marinas, puertos deportivos, amarres y mantenimiento de embarcaciones.</p> <p>Estas primeras jornadas tuvieron dos frentes: poner en marcha la infraestructura y ajustar la experiencia de navegación. Porque publicar una web es una cosa; conseguir que alguien entienda qué ofrece y encuentre por dónde empezar es otra.</p> <h2> Del dominio a una web en producción </h2> <p>El primer paso fue conectar el dominio, registrado en Namecheap, con Cloudflare y Netlify. Utilicé Aside Browser para trabajar sobre la configuración y dejar montada la base del sitio.</p> <p>También quedó verificada la propiedad en Google Search Console y documentamos la configuración inicial de medición con GA4 y Google Tag Manager, apoyándonos en Claude Code.</p> <p>Para orientar el contenido, seleccionamos una primera lista de <strong>58 palabras clave en Ubersuggest</strong>, relacionadas con marinas, amarres, puertos deportivos y reparación de motores fueraborda.</p> <p>No son 58 posiciones ganadas: son el punto de partida para investigar, organizar contenido y seguir su evolución.</p> <h2> Una portada que ayude a explorar </h2> <p>Buena parte de las iteraciones posteriores estuvo en la interfaz.</p> <p>Uno de los ajustes fue simplificar el encabezado principal: <strong>Pertulma Ultramarina</strong>. La explicación del proyecto queda separada del nombre, en lugar de intentar meter toda la propuesta dentro de un título demasiado largo.</p> <p>La portada actual incorpora:</p> <ul> <li>Un buscador por puerto, ciudad o motor.</li> <li>Un selector de categorías náuticas.</li> <li>Accesos directos al directorio y a las guías.</li> <li>Enlaces a ubicaciones como Cartagena, Miami y Palma de Mallorca.</li> <li>Navegación hacia las secciones de información y contacto, con acceso a la versión en inglés.</li> </ul> <p>La intención es ofrecer distintas formas de entrar al contenido: por ubicación, por servicio o por una consulta técnica.</p> <h2> Directorio y guías, conectados </h2> <p>El proyecto combina dos tipos de contenido: fichas de empresas y lugares, y artículos sobre temas náuticos.</p> <p>La biblioteca ya muestra guías sobre puertos deportivos, alquiler de amarres, repuestos para motores fueraborda y mantenimiento. La idea es que el usuario pueda pasar de entender un problema a explorar servicios relacionados sin recorrer páginas desconectadas.</p> <h2> Qué hemos conseguido hasta ahora </h2> <p>El resultado tangible es una web publicada, con estructura bilingüe, contenido accesible y nuevas rutas de navegación desde la portada.</p> <p>También observamos respuestas de Google que identificaban el proyecto como directorio náutico. Es una primera señal de descubrimiento, no una prueba de tráfico sostenido ni de posicionamiento consolidado.</p> <p>Todavía queda trabajo de simplificación y revisión. El criterio para las siguientes iteraciones es concreto: que cada sección explique mejor su función y facilite el siguiente paso.</p> <p>Puedes explorar la versión actual de <a href="https://pertulmaultramarina.online/" rel="noopener noreferrer">Pertulma Ultramarina</a>.</p> webdev seo buildinpublic ux