Firma digital · Criptografía · SEO

FirmaOKSuite de firma electrónica de PDF, 100% offline

Suite de firma electrónica de PDF (PAdES-B): firma y valida con certificados .p12 sin que el archivo salga del dispositivo. Además del producto, trabajé el sitio web: blog, arquitectura de páginas, datos estructurados Schema.org y la medición del embudo hasta la descarga.

Tecnologías

  • React Native
  • Expo
  • WebCrypto
  • PAdES-B
  • Astro
  • TypeScript
  • Schema.org
  • JSON-LD
  • Google Analytics 4
  • Search Console
  • SEO técnico
  • UX/UI
Sitio de FirmaOK, suite de firma electrónica de PDF con certificados .p12
  • 48

    artículos en el blog

  • 88

    URLs en el sitemap

  • 16

    páginas por profesión

  • 6

    páginas por trámite

Mi rol

Desarrollador web y de aplicaciones en Azirgo SAS. Trabajé en la app móvil, la versión web y la capa de firma criptográfica, y llevé el sitio: blog, estudio de páginas, estructura Schema.org, UX/UI y medición con Google Analytics y Search Console.

El problema

Firmar un PDF con certificado digital suele implicar subir el documento y el certificado a un servidor ajeno, y para documentos sensibles eso es justo lo que no se quiere. Pero esa ventaja no vende sola: quien necesita firmar busca «cómo firmar un PDF con certificado» o «validez de la firma electrónica», no el nombre de una app. Sin contenido que respondiera esas búsquedas y sin medición, no había forma de saber qué recorrido terminaba en descarga.

Qué construí

  • Sitio web con páginas por tipo de certificado, por profesión y por trámite, más el firmador gratuito, con UX/UI orientado a llegar a la compra o a la firma en el menor número de pasos.
  • Blog sobre firma electrónica, certificados .p12, validación de documentos y validez legal de lo firmado.
  • Estudio página por página: qué consultas atrae cada una, en qué posición está y cuál conviene ampliar, reescribir o fusionar.
  • Datos estructurados Schema.org por tipo de página (Product con AggregateOffer, WebApplication, HowTo, FAQPage, BlogPosting, BreadcrumbList) para que el buscador entienda qué se vende, qué hace el firmador y para qué sirve.
  • Eventos en Google Analytics 4 para el recorrido hasta la descarga, y seguimiento de clics, impresiones y posición en Search Console.
  • Firma y validación de PDFs con el estándar PAdES-B, usando certificados .p12 del propio usuario.
  • Ejecución 100% offline: el documento y el certificado nunca salen del dispositivo.
  • App móvil para iOS y Android, más una versión que corre en el navegador.

El blog y el contenido

El blog responde las dudas que llegan antes de comprar o de firmar: 48 artículos en cuatro categorías, escritos en MDX sobre una colección con esquema validado, con buscador propio y feed RSS. Los temas se organizan en guías pilar y artículos satélite que enlazan a ellas.

  • Categorías: Guías (20), Usos (14), Soporte (10) y Legal (4), más una taxonomía cerrada de nueve etiquetas que separa el tipo de contenido (tutoriales, comparativas, soporte, legal, precios) de la audiencia (emprendedores, contadores, empresas, sector público).
  • Temas: cómo sacar, renovar y revocar la firma, el archivo .p12 frente al token, FirmaEC paso a paso, validez legal (LCE y LOPDP), trámites en el SRI, SERCOP, Quipux y SUPERCIAS, y guías para ecuatorianos en el exterior.
  • 29 artículos son satélites: abren con una nota que indica de qué guía pilar forman parte y enlazan a ella.
  • Plantilla de artículo: migas de pan, fecha, minutos de lectura y autor, índice «En este artículo», preguntas frecuentes en acordeón, ficha del equipo editorial, etiquetas y artículos relacionados.
  • JSON-LD: BlogPosting y BreadcrumbList en los 48 artículos, FAQPage en 45 y HowTo con sus pasos en 8. La sección de preguntas frecuentes se convierte en acordeón y en FAQPage durante el build, sin tocar los .mdx.
  • Conversión y medición inyectadas en el build: un banner de compra en medio de cada artículo, una tarjeta de WhatsApp, un modal contextual a los 10 segundos y un evento de GA4 en cada enlace de WhatsApp escrito dentro del texto.

Páginas por profesión y por trámite

Fuera del blog, el sitio tiene 35 URLs organizadas por intención de compra. La pieza central es una página madre sobre la firma para facturar que enlaza a 16 páginas por profesión, y cada una de ellas enlaza de vuelta a la madre.

  • 16 páginas por profesión bajo /firma-electronica-para-facturar: abogados, contadores, médicos, arquitectos, ingenieros civiles, proveedores del Estado, funcionarios públicos, agentes de aduana, docentes, freelance, trabajo remoto, veterinarios, peritos, consultores ambientales, artesanos y empresas.
  • 6 páginas por trámite bajo /firma-electronica: SRI, SERCOP, IESS, Quipux, contratos y notaría.
  • Regla contra la canibalización: lo genérico vive en la guía pilar del blog y cada página de profesión trata solo su bloqueo, su institución y su vocabulario, con un canonical que apunta a sí misma.
  • 27 páginas comerciales (tipos de certificado, profesiones y trámites) marcadas como Product con AggregateOffer, más FAQPage y BreadcrumbList.
  • El firmador gratuito y las guías para firmar y validar un documento, marcados como WebApplication con HowTo.
  • Página de planes con tres tipos de certificado (persona natural, natural con RUC y persona jurídica) y precios por vigencia.

Por dentro del sitio

  • FirmaOK: Índice del blog: 48 artículos en cuatro categorías, con buscador
    Índice del blog: 48 artículos en cuatro categorías, con buscador.
  • FirmaOK: Artículo de la categoría Legal sobre la validez de la firma según la LCE y la LOPDP
    Artículo de la categoría Legal sobre la validez de la firma según la LCE y la LOPDP.
  • FirmaOK: Firmador gratuito de PDF y XML, sin registro y con cualquier certificado .p12 de Ecuador
    Firmador gratuito de PDF y XML, sin registro y con cualquier certificado .p12 de Ecuador.
  • FirmaOK: Página para abogados, una de las 16 por profesión
    Página para abogados, una de las 16 por profesión.

Decisiones técnicas

  • Marcar cada página con el tipo de schema que le corresponde en vez de dejarla sin datos estructurados: Product con AggregateOffer donde se vende un certificado, WebApplication y HowTo en el firmador y en las guías para firmar y validar.
  • El contenido responde la duda previa a la descarga (¿esta firma tiene validez?, ¿qué es un .p12?), porque esa duda es la que frena la decisión.
  • Probar más de un recorrido hacia la descarga - web primero, app primero, comparativa - en lugar de asumir cuál convierte.
  • Toda la criptografía se ejecuta en el cliente: sin backend de firma, no hay servidor donde puedan quedar expuestas claves privadas ni documentos.
  • WebCrypto como base para la firma en navegador, en vez de una librería propia sin auditar.
  • Un solo código React Native + Expo para iOS y Android, en lugar de dos apps nativas separadas.

Retos

  • Explicar una ventaja técnica - que nada sale del dispositivo - en términos que le importen a alguien que solo quiere firmar un documento hoy.
  • Competir por búsquedas dominadas por entidades certificadoras y páginas de trámites oficiales.
  • Seguir un embudo que termina fuera del sitio, en la tienda de aplicaciones, sin perder de vista de dónde vino la visita.
  • Implementar PAdES-B correctamente: una firma que no valida es una firma inútil, no hay término medio.

Resultado

FirmaOK está en producción como una de las apps móviles publicadas, la firma funciona sin conexión y el sitio sostiene la captación: blog y páginas marcadas con Schema.org, recorrido hasta la descarga medido en GA4 y rendimiento por consulta revisado en Search Console.

Ver el proyecto

¿Necesitas algo parecido?

Cuéntame qué estás construyendo y te respondo con alcance, stack y una fecha realista.