El desarrollo web a medida en Barcelona añade una exigencia que una web de Madrid no suele tener: que las páginas de venta y las condiciones de compra existan en catalán sin perder el castellano, y que cada versión declare su idioma a lectores de pantalla y buscadores. En Codezone trabajamos con empresas de Barcelona desde Madrid y lo resolvemos dentro de nuestro desarrollo web a medida para empresas.
Imagina una tienda que traduce su web con un plugin automático: las fichas salen en catalán y el checkout sigue en castellano. Si vende a consumidores, el artículo 128-1.2 de la Ley 22/2010, interpretado por la Sentencia 7/2018, les reconoce el derecho a recibir en catalán las invitaciones a comprar y las condiciones generales, sin excluir el castellano. La mitad sin traducir es justo donde se cierra la venta.
Al terminar sabrás qué páginas deben existir en los dos idiomas y qué exigir a una empresa de desarrollo web en 2026.
Qué es el desarrollo web a medida en Barcelona
El desarrollo web a medida en Barcelona es un proyecto web para una empresa catalana en el que el catalán y el castellano forman parte del modelo de contenidos desde el primer día. Cada ficha, cada condición y cada correo de compra tiene sus dos versiones, con su propio estado de traducción, en lugar de una plantilla traducida después.
La demanda existe: según la Enquesta d'usos lingüístics de la població 2023 del Idescat, en la ciudad de Barcelona el 91,9 % de la población de 15 años o más entiende el catalán y el 77,7 % lo habla. Cuando la web forma parte de un software a medida en Barcelona que conecta web y gestión, los textos en los dos idiomas salen de la misma fuente.
Qué páginas de una web deben existir en catalán según el Código de consumo
El artículo 128-1.2 de la Ley 22/2010 enumera lo que el consumidor tiene derecho a recibir en catalán, y en una web se reparte así:
- Fichas de producto y precios: son invitaciones a comprar e información de carácter fijo (letra a).
- Carrito, confirmación y factura: documentación contractual y facturas (letra a).
- Condiciones generales y política de devoluciones: contratos de adhesión y condiciones generales (letra c).
La Sentencia 7/2018 aclara que este derecho no puede suponer la prohibición del castellano, así que cada página existe en las dos lenguas. Hreflang y sitemaps están en la arquitectura de una web multidioma con hreflang y en el desarrollo web para empresas de Valencia, que aplica el patrón al valenciano.
Accesibilidad de una web bilingüe: el idioma de cada página y de cada fragmento
Una web bilingüe accesible declara el idioma de cada página y el de cada fragmento que cambia de lengua. Lo fija WCAG 2.2:
- Criterio 3.1.1, nivel A: el idioma por defecto de cada página se determina por código, con el atributo `lang` del elemento html.
- Criterio 3.1.2, nivel AA: un fragmento en otra lengua, como una cita en castellano dentro de una página en catalán, lleva su propio `lang`.
Sin ese atributo, el lector de pantalla lee el catalán con reglas castellanas. Google no usa `lang` para detectar el idioma, según su documentación sobre versiones localizadas: el atributo sirve a la accesibilidad y hreflang al buscador. Las obligaciones de accesibilidad web de la Ley 11/2023 determinan si tu web tiene que cumplirlas.
Tienda online en Barcelona: el flujo editorial en dos idiomas
Una tienda online bilingüe se mantiene completa cuando el CMS impide publicar una ficha a la que le falta un idioma. Cada campo del modelo de contenidos tiene dos versiones y su propio estado de traducción. Un CMS headless para la web corporativa permite que tu equipo edite ambas versiones sin tocar código, y la revisión final del catalán la hace alguien que lo escribe.
El catálogo y la pasarela siguen la misma arquitectura de un ecommerce en Madrid, sin diferencias por ciudad.
Cuándo compensa una web a medida frente a una plantilla
Una web a medida compensa cuando el contenido o las integraciones superan lo que una plantilla resuelve:
- Web a medida: catálogo con reglas propias o integración con el ERP, con control editorial por idioma.
- Plantilla bien configurada: web de presentación de pocas páginas y sin integraciones.
- Web más app: si tus clientes repiten a diario, una app móvil para empresas de Barcelona reutiliza las mismas traducciones.
Antes de firmar, revisa los plazos reales de cada fase de desarrollo web.
CodeZone Pro Tip: comprueba tras cada despliegue que las páginas de compra y las condiciones existen en catalán y en castellano, responden sin redirigir y declaran el idioma correcto.
// Uso: node paginas-ca-es.mjs pares.json (Node 18+)
// pares.json: [{ "ca": "https://.../ca/condicions-generals", "es": "https://.../es/condiciones-generales" }]
import { readFile } from "node:fs/promises";
const pares = JSON.parse(await readFile(process.argv[2], "utf8"));
const errores = [];
async function revisar(url, idioma) {
const res = await fetch(url, { redirect: "manual" });
// Una redirección a la portada del otro idioma cuenta como página que no existe
if (res.status !== 200) return errores.push(`${url}: responde ${res.status}`);
const html = await res.text();
const lang = (html.match(/<html[^>]*\blang="([^"]+)"/i) || [])[1];
// WCAG 2.2, criterio 3.1.1: el lector de pantalla elige la voz según este atributo
if (!lang || !lang.toLowerCase().startsWith(idioma)) {
errores.push(`${url}: lang="${lang ?? ""}", se esperaba ${idioma}`);
}
}
for (const par of pares) {
// Art. 128-1.2 de la Ley 22/2010: catalán disponible; STC 7/2018: castellano también
for (const idioma of ["ca", "es"]) {
if (!par[idioma]) errores.push(`Falta la versión ${idioma} de ${JSON.stringify(par)}`);
else await revisar(par[idioma], idioma);
}
}
console.log(errores.length ? errores.join("\n") : `${pares.length} pares completos en ca y es`);
process.exit(errores.length ? 1 : 0);Tras cada despliegue, el script detecta la página de condiciones que nadie tradujo o la ficha que redirige a la portada del otro idioma, antes de que un cliente la encuentre en mitad de una compra.
El Riesgo de Publicar Media Web en Catalán
Una versión catalana incompleta falla justo en el carrito y en las condiciones, donde se decide la compra, y el cliente que eligió el catalán termina la operación en otra lengua o la abandona. Si cada campo nace con sus dos idiomas, añadir una página nueva no abre otro hueco.
En Codezone desarrollamos webs a medida para empresas de Barcelona desde Madrid, bilingües desde el primer sprint. Enséñanos tu web actual y te decimos qué hay que rehacer y qué se puede aprovechar.
