Genera, reune y organiza los contenidos de tu Web

Última actualización el Jueves, 10 de Diciembre de 2009 11:29 Escrito por Gonzalo Reynoso Martes, 11 de Agosto de 2009 03:23

Guías - Planificación Web

Una vez que ya has prototipado tus páginas web y has definido su Arquitectura de Información (o mapa de sitio) necesitas generar, reunir y organizar los contenidos de tu sitio web (textos, imágenes, y cualquier material digital) En la presente nota te propongo una forma eficiente y organizada de hacer este trabajo.

Cuanto mejor lleves a cabo esta tarea, más sencillo y rápido será luego desarrollar tu web.

1. Crea tus documentos/páginas web utilizando archivos Word individuales

Seguramente a esta altura, ya has asimilado conceptos como "granularización de la información" o "individualización de páginas web" así que es hora de llevar a la práctica lo aprendido:

Identifica tus unidades de contenido separando la información en entidades únicas que conformarán cada documento de tu sitio web. Para esto yo recomiendo utilizar una hoja de Word por cada documento/página web a publicar.

Por ejemplo, la homepage es la página principal, la página de "quienes somos" es el documento de información institucional, luego tendrás una página para cada producto o servicio, y así con toda la información individualizada de tu sitio web.

Usa archivos Word para incluir los textos de tus páginas, individualmente, teniendo en cuenta que cada documento web debería contener:

Un título del documento
Los textos del documento (tratando de utilizar encabezados jerárquicos para los subtítulos)
La vinculación a sus imágenes, archivos flash, u otro material digital / multimedia
Sus metadatos, ej: breve descripción de los contenidos del documento en cuestión y términos claves asociados
indicar sus relaciones (enlaces con otros documentos)
indicar si el documento contiene elementos interactivos, por ej, formularios, botones de llamada a la acción, etc.

La estructura de cada documento es similar a la siguiente:

Título del documento 1

Descripción (metadato): Aquí va la descripción breve del contenido de este documento (no más de 165 caracteres)
Términos claves del documento (metadato): Aquí van términos claves descriptivos de este documento

encabezado H1

El primer encabezado es el título principal que irá en el cuerpo del documento, es similar al título del documento -que va en la cabecera del documento html-, con alguna leve variación.

En caso de ser necesario utilizar encabezados de menor jerarquía:

encabezado H2

encabezado H3

encabezado H4

(el primer encabezado es el título principal del cuerpo del documento, es similar al título del documento, con alguna leve variación)

[texto] Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

Recursos y otros datos del documento 1:
Relaciones (links con): documento 3.... documento n
Archivos e imágenes incluidas: producto_x_01.jpg, ... , producto_x_0n.jpg

Algunos consejos sobre los textos de tus páginas

Utiliza un formato adecuado para cada elemento. Por ejemplo para datos tabulados usa tablas, para listas de items usa viñetas
Jerarquiza y formatea correctamente tus textos: utiliza h1, h2, h3 para los encabezados, usa también negrita, itálica y énfasis para resaltar ideas o términos clave, etc
No hagas documentos excesivamente largos (no más de 4000 caracteres alfanuméricos, y coloca de 3 a 5 imágenes por documento)
Los textos que se leen en una pantalla no deberían contener párrafos de más de 4 lineas. Es preferible organizar los párrafos de manera tal que cuando llegas a la 4ta linea hagas un punto y aparte
Cada tres o cuatro párrafos, trata de subtitular con h2, h3.... (para permitirles a los lectores escanear títulos según su interés y necesidades de información)
Trata de incluir vínculos internos dentro de tus textos (aprovechar la hipertextualidad de la web)
Trata de que tus textos información útil y concreta (evita la verborragia y los rodeos)
En páginas que sean facilitadoras de la conversión (el usuario debe accionar luego de leer) invitale explícitamente a hacer lo que deseas
Si tenés items de información demasiado extensos a desarrollar, sintetiza al máximo los temas importantes y trata de ampliar esa información en otros contexto (documentos)

Sobre las fotografías e imágenes para tu web

Las fotografías te conviene colocarlas en un directorio "imagenes" y referenciarlas desde cada documento Word, llamándolas por su nombre de archivo.

Algunos tips para imágenes:

si tenés muchas imágenes tal vez sea necesario clasificarlas / organizarlas en diferentes carpetas
nombra los archivos con nombres representativos de lo que contienen, evita usar solo números
usa para los nombres de imágenes solo caracteres alfanuméricos, reemplazando los espacios por guiones "_" o "-"
no uses caracteres extraños para los nombres de archivo
si tenés fotos en secuencia, serializalas con un nombre seguido de un número creciente cada una de ellas, ej: producto_x_01.jpg, producto_x_02.jpg, producto_x_03.jpg, etc.
si podés baja el tamaño y peso de archivo sin perder la calidad de visualización/resolución
si las dimensiones de tus imágenes es demasiado grande, reducilas a un máximo de 800 pixeles de ancho

Qué contenidos deberías publicar en un sitio web corporativo:

Los principios explicados en las guías anteriores sobre objetivos de conversión y de posicionamiento, comunicación hacia tu nicho de mercado y PUV, tipos de páginas web, etc, etc, debe ser llevado a la práctica aquí y ahora, cuando debes crear y generar los contenidos de tu sitio web (básicamente para la redacción de sus textos), que plasmarán tu modelo de comunicación en Internet.

El tipo de información que debes publicar si estás encarando un proyecto web de tipo institucional o corporativo, resumidamente consta de:

Un mensaje directo a tus usuarios que les explique: de qué trata el sitio y cómo pueden usarlo, qué tipo de información encontrarán en él, a quiénes está dirigido tu mensaje, qué prometes y con qué te comprometes, etc.
Información bien detallada de tu empresa, actividad o profesión (quiénes somos, valores, misión y visión, historia, trayectoria, miembros, etc)
Lista de clientes que han confiado en tu empresa, y Testimonios o casos de éxito de tus clientes
Fotografías de tu gente (staff), y de tu infraestructura: fotos de tus oficinas, showrooms, locales comerciales, planta fabril, flota de vehículos, etc
Información explícita sobre tus ventajas competitivas, propuestas únicas de valor para tus clientes, compromisos asumidos, garantías de calidad, certificaciones, premios y logros obtenidos.
Información completa y bien detallada de tus productos o servicios (no escatimes datos que puedan ser útiles para que tus clientes conozcan lo que ofreces)
Cartas de ventas con textos orientados a despertar el interés en lo que ofreces, con propuestas concretas y ofertas cerradas
Documentación e información de interés sobre el rubro, o actividad, divulgación sobre Investigación y Desarrollo, artículos y whitepappers, etc
Novedades, eventos y cualquier información de valor de tu sector/rubro/actividad o empresa

2. Organiza los contenidos de tu sitio web en tu propia PC

La forma en que vas a clasificar cada uno de los documentos web de tu sitio, debe seguir la forma explicada en la guía anterior (de Arquitectura de la Información), en la que consideramos una estructura de contenidos en 3 niveles:

Sección >> Categoría >> Item de contenido -documento- (si tu sitio web tendrá mucha información y contenidos), o alternativamente
Items de contenido sin categorizar (si tu sitio web es pequeño y contendrá unas pocas páginas web)

PASO 1: crea un directorio/carpeta en tu pc para tu proyecto web

Crea primero un directorio (carpeta) en tu PC donde colocarás tu proyecto web. Podés llamar a este directorio, por ej: "Sitio Web"

Si tu sitio web es pequeño (de 4 a 10 documentos, o un poco más), todos los documentos web deberás colocados inmediatamente dentro del directorio "Sitio Web".

Pero si tu sitio contendrá muchos documentos web, vas a hacer uso de las secciones y categorías de información. Continúa con los siguientes pasos si es tu caso particular.

PASO 2: crea una carpeta por cada sección de tu sitio

En el primer nivel colocarás las secciones de información. Dentro del directorio de tu proyecto ("Sitio Web" en el ejemplo), vas a crear una carpeta por cada sección de tu sitio, utiliza para nombrarla el mismo nombre que tendrá su sección correspondiente en tu sitio web. Ej:

PASO 3: crea una carpeta por cada categoría de tu sitio

En el segundo nivel coloca las categorías de información. Dentro de cada sección (carpeta), crea una nueva carpeta por cada categoría de documentos a publicar. Utiliza para nombrar tus carpetas los mismos nombres que tendrán las categorías en tu sitio web Ej.

Recordá que las categorías están "contenidas" en sus secciones correspondientes.

PASO 4: coloca los documentos o páginas web dentro de sus respectivas categorías

Finalmente, en cada una de las categorías (carpetas) coloca todos los documentos a publicar dentro de ellas, ej:

Si notas que hay algunos documentos que no pueden ser clasificados en ninguna de tus secciones y categorías principales de tu sitio, simplemente colocalos en una carpeta llamada "Sin Categorizar" que debes crear en tu carpeta del proyecto "Sitio Web"

El Mapa de sitio refleja la organización de contenidos

Cómo podrás observar, los ejemplos anteriores organizan e implementan los contenidos de una sección y categoría de nuestro propio sitio web, del cual te recuerdo que su estructura completa es como se ve en la siguiente tabla:

Sección de información	Categoría de información	Item de contenido (documento)
Empresa	Institucional	Quienes somos Portafolio Testimonios de clientes Aviso Legal Trabaja con nosotros
Empresa	Novedades	(esta es una categoría dentro de la cual periódicamente publicamos novedades de nuestra empresa)
Servicios	Diseño Web	Sitio Web Mini-Emprendedor Diseño Web profesional Sitio Web de Comercio electrónico Comparativa de Planes de Diseño Web
	Marketing por Internet	Plan Integral de Marketing Online Consultoría en Marketing Digital Posicionamiento Natural en Buscadores Administración de publicidad PPC Análisis de Métricas Web Optimización de Ratio de Conversiones Curso de Search Marketing
	Otros Servicios	Administración de dominios Servicio de Hosting Planificación Web y Optimización de Contenidos Diseño gráfico para web Mantenimiento y Administración de sitios web
Información y Guías	Planificación Web	(en estas categorías periódicamente publicamos guías, artículos o notas divulgativas con información sobre nuestras disciplinas)
	Diseño Web con Joomla!
	Guías del Servicio de Hosting
	Marketing por Internet

Con nuestros servicios de Planificación Web o de Consultoría Online, te ayudamos a reunir, organizar y definir los contenidos de tu proyecto web. También podemos evaluar la calidad, suficiencia y enfoque de tus contenidos si es que ya los has reunido.