# data[].attributes.body
Es todo el conjunto de Sitios Web que se encuentran disponibles en internet y a los que tenemos acceso mediante la contratación de un servicio de internet. La web se organiza por dominios, son servidores que se identifican con un nombre lógico al de la empresa o institución que se haya registrado.

# data[].attributes.body
Es un conjunto de páginas web interrelacionadas y desarrolladas para una institución o empresa, dichas páginas solo muestran información de las empresas en cuestión. Los sitios web se encuentran alojados en varias computadoras alrededor del mundo, a las cuales se les llama Servidores.

# data[].attributes.attachment_link.readable_text
Estamos tan familiarizados con el término que pasamos por alto la estructura y funcionamiento de la red. Descubre qué es un sitio web.

Cuando comienzas a expandir un negocio y darlo a conocer al mundo, lo primero en lo que tienes que invertir es en tener un sitio web para tu empresa.

Un sitio web es un lugar virtual en la red que guarda contenido para que la gente tenga acceso a él, así de simple. Se conforma por varios documentos que se acomodan de manera organizada para que sea atractivo visualmente, dichos documentos se llaman páginas web. Por lo tanto, un sitio web es la compilación organizada y estructurada de un determinado número de páginas web.

Las páginas web de las que se conforma el sitio deben estar desarrolladas bajo un código llamado HTML y estar alojadas a un dominio que, en palabras simples, será el lugar que hará que el sitio web pueda visualizarse en cualquier tipo de navegador web (hosting).

Consideraciones sobre qué es un sitio web

Es muy importante que no confundas un sitio web con una página web, pues comúnmente la gente piensa que son lo mismo y, como ya te diste cuenta, una página web es solamente una parte. De hecho, la más importante. Visto lo anterior, te recomiendo que los sitios web sean administrados por personas profesionales y con experiencia para darle al usuario la mejor experiencia.

1. Los sitios web son usados para un sinfín de cosas

Desde dar información de personas, instituciones o empresas hasta la compra y venta de productos o servicios. Además, se puede utilizar como medio de comunicación, ya que la tecnología ha avanzado tanto que se pueden colocar imágenes, texto y videos interactivos, así como contenido de calidad distinto.

Ahora que ya sabes qué es y cómo funciona un sitio web, es muy importante que le brindes un objetivo a su creación para que funcione de manera adecuada. Por ejemplo, si deseas dar a conocer tu empresa, entonces el sitio deberá tener información sumamente detallada acerca de los productos o servicios que ofreces.

2. Las personas o empresas que desarrollan los sitios web pueden darte un panorama de cómo lucirá tu sitio con la idea general que tengas en mente

Puede ser tan elaborado o sencillo como a ti te apetezca y con el número de páginas que necesites.

Existen diferentes maneras de crear un sitio web para que lo puedas usar cómo mejor le convenga a tu contenido. Los sitios web estáticos, por ejemplo, son los que no tienen que acceder a una base de datos para dar a conocer su contenido y se utilizan cuando no se necesita cambiar continuamente la información o el contenido del sitio.

Por otro lado, los sitios web dinámicos son aquellos que sí tienen que acceder a una base de datos para dar a conocer su contenido para que los usuarios accedan a él. El administrador del sitio web podrá agregar, modificar y hasta eliminar el contenido del sitio a través de un sistema con acceso restringido para el público en general y lo podrá hacer solamente ingresando con un nombre de usuario y contraseña.

3. En la web los sitios se clasifican de diversas maneras según su tipo

Existen los institucionales, los cuales son diseñados básicamente para alojar la información primordial de una empresa o negocio. Su diseño es muy sencillo y limpio, por lo cual no contiene demasiadas páginas, así que solamente cuenta con la página de inicio, la de ubicación, la de información general y la de contacto.

Los blogs

Los blogs son otro tipo de sitio web y se utilizan principalmente de manera personal. En dichos sitios se dan a conocer artículos o contenidos de manera cronológica contando historias de vida acerca del propietario u otros tópicos relevantes y su actualización debe ser continua. Los blogs también pueden contener publicaciones de varias personas que hablen del mismo tema o de temas completamente diferentes teniendo una retroalimentación constante por parte de los usuarios.

Comercio electrónico

Los sitios más usados por las empresas o negocios son los sitios de tipo e-commerce. Estos sitios permiten realizar transacciones monetarias mediante el comercio electrónico y cuentan con una página especial para este servicio. El sitio puede aceptar pagos con tarjetas de crédito o débito, realizar pedidos en línea, reserva de servicios y, lo más recomendable, es que contenga una página de servicio al cliente.

Como podrás darte cuenta, tener un sitio web es la mejor opción para dar a conocer tu empresa, expandirla o diversificar con éxito tus servicios o productos. Recuerda que tener un sitio es la mejor manera de existir, tanto en el mundo real como en el virtual, ya que de esta manera podrás llegar a personas que, de otra manera, no sería posible.

A estas alturas, probablemente ya te quede más claro qué es un sitio web, ¿cierto? Busca a los mejores para desarrollar tu sitio web, que te ofrezcan calidad y profesionalismo, esto dirá mucho más de ti y de tu empresa de lo que te imaginas.

# data[].attributes.attachment_link.description
Estamos tan familiarizados con el término que pasamos por alto la estructura y funcionamiento de la red. Descubre qué es un sitio web. Cuando comienzas a expandir un negocio y darlo a conocer al mundo, lo primero en lo que tienes que invertir es en tener un sitio web para tu empresa.

# data[].attributes.body
Es un documento electrónico que forma parte de la web generalmente construido en el lenguaje HTML (Lenguaje de Marcado de Hipertexto) ó en XHTML (Lenguaje de Marcado de Hipertexto Extensible) (Madrid). Este documento puede contener enlaces que nos direcciona a otra Página Web cuando se efectúa el clic sobre él. Para visualizar una Página Web es necesario el uso de un navegador

# data[].attributes.attachment_link.description
Empezando por su definición, consideramos una página web a un documento disponible en Internet, o World Wide Web. Aprende más.

# data[].attributes.body
Se trata de realizar un documento con información hiperenlazado con otros documentos y asignarle una presentación para diferentes dispositivos de salida (en una pantalla de computador, en papel, en un teléfono móvil, etc).

# data[].attributes.attachment_link.provider_name
Diseño de Páginas Web, Sitios de Internet y Posicionamiento SEO akus.net

# data[].attributes.attachment_link.readable_text
Estándares y pautas para el diseño de páginas Web

Los estándares y pautas para el diseño de un sitio Web son un conjunto de elementos de vital importancia a considerar antes de su realización para obtener una buena usabilidad.

Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los objetivos que lo condujeron hacia él de una manera rápida y simple, garantizando un futuro regreso.

En ocasiones se piensa que sólo con tener un sitio Web en Internet se logra que sea visitando por las personas que tengan interés en su contenido, pero realmente no funciona así tan simple.

Hay que tener en cuenta un conjunto de elementos desde su diseño e implementación para que felizmente esto ocurra.

Los elementos fundamentales son:

El diseño de sitios

Cuando un usuario llega a una página, generalmente puede figurarse qué hay ahí, si solamente se tomaría un poco de tiempo.

Dependiendo de los estudios, la capacidad para encontrar la página correcta en que realizar una operación a partir de la página de inicio va del 26 al 42%.

Esta diferencia se explicaba en el conocimiento o no por parte del usuario de que debería seguir varios pasos hasta lograr su objetivo.

El problema de fondo es que la usabilidad sufre dramáticamente tan pronto como el usuario sale de la página de inicio y empieza a navegar para resolver el problema.

La Web se diseño como un entorno para leer papeles, y su usabilidad para tareas más complejas depende en gran medida de un diseño muy sencillo con la menor distracción posible, información muy clara sobre la arquitectura y eficaces herramientas de navegación

La página de inicio

Es la bandera del sitio y debe ser diseñada de forma diferente al resto.

El primer éxito de una página de inicio es responder a dos cuestiones:

Otras misiones que debe cumplir la página de inicio son:

Ofrecer una idea clara del esquema de navegación en el sitio.

Ofrecer acceso directo a las funcionalidades más comúnmente usadas del sitio.

Anunciar las novedades o promociones.

Proporcionar una herramienta de búsqueda.

Presentar el nombre y el logo.

Realización de un diseño en función de los requerimientos del sitio y de los usuarios

El diseño del sitio es una herramienta fundamental para atraer a los usuarios y el éxito que se obtenga en muchos otros aspectos como la promoción, la velocidad de carga, la afinidad de los usuarios entre otros, dependerá en buena medida de las consideraciones que se realicen al diseñar.

Es importante destacar que el diseño de las páginas se debe realizar pensando en el cliente y no en el administrador, escogiendo cuidadosamente todos los elementos que se utilicen y empleando solamente los recursos necesarios para comunicar el mensaje que se desee, logrando que el sitio tenga un aspecto sencillo y nada recargado.

La consistencia en la apariencia y sensación es importante mantener garantizando el mismo aspecto y el diseño en todas las páginas.

La página de inicio debe dar una idea general del sitio, pues está constituye su punto de entrada fundamental.

Es lo primero que ven los usuarios y crea esa primera impresión que es tan importante.

Es en ella donde se determina si se continuará explorando las páginas o si se navegará hacia otro lugar más interesante.

Los textos son elementos significativos dentro del diseño del sitio Web. Estos contienen la mayor parte de la información que se brinda, las explicaciones y los detalles de los elementos que componen el sitio, constituyen la vía principal de comunicación con el cliente.

Esta es la razón fundamental para que los textos sean escogidos, revisado y corregidos de forma tal, que se reflejen las ideas que se quieren transmitir.

Para la presentación de los texto es primordial conocer el tipo de fuente que se va a emplear de manera tal que se pueda leer bien sin importar el tipo de navegador o sistema operativo de los usuarios.

Es necesario tener en cuenta el tamaño del texto, que debe ser pequeño y claro para permitir la lectura rápida.

Por lo que se recomienda utilizar la división por secciones de la página lo que posibilita que el usuario pueda leer más sobre un tema sin que pierda atractivo de la página.

La implementación de imágenes y gráficos complementa la información que se quiere brindar en el sitio. Constituyen una herramienta fundamental pues proporciona al usuario un criterio visual.

Hay que tener en cuenta que el uso indiscriminado puede hacer más lento el proceso de carga de las páginas o provocar estrés visual. Se recomienda usar imágenes cuando realmente sea necesario para comunicar el mensaje que se desea.

El formato de imágenes y gráficos dependerá de la estructura en cuanto a colores y definición, se pueden seleccionar distintos tipos, los más utilizados son los .jpg, .gif y .png, realmente aunque existen algunos patrones no siempre se cumplen en todos los casos.

Se recomienda grabar las imágenes en los tres formatos y en función del compromiso entre la calidad estética que se ofrece y la velocidad de descarga de la página escoger cuál es el más adecuado.

Navegación del sitio

Otro aspecto a tener en cuenta en el diseño es la navegación del sitio.

Un buen sistema de navegación es la base para alcanzar los objetivos que se pretenden, pues este es el instrumento mediante el cual los usuarios acceden de una página en otra.

Un sistema de navegación útil es aquel que:

Guía a los visitantes hacia la información que se requieren de forma rápida e intuitiva

Conduce al visitante hacia las páginas donde este es capaz de interactuar con los elementos del sitio.

Construir un sistema de navegación que contribuya a incrementar la satisfacción del usuario y que, en consecuencia, tribute al éxito del sitio, está más allá de agregarle enlaces.

En esta labor se debe considerar un conjunto de factores como el agrupamiento de la información, la estructura, los retornos a páginas, entre otros.

La navegación es uno de los elementos básicos de la Web, y va más allá del uso de enlaces hypertextuales.

Una interface de navegación debe ayudar al usuario a responder a tres preguntas:

¿Dónde estoy?

Es probablemente la pregunta del millón.

La respuesta, en términos de situación dentro de un sitio debe proporcionarse a dos niveles:

La primera es importante en tanto que el usuario a menudo percibe la Web como un todo.
Los cambios drásticos en mecanismos de navegación no son bien asumidos dentro de esta perspectiva.
Esto implica así mismo, que el usuario no sabrá en qué sitio está a menos que se lo digas. Por ello, la norma número uno es colocar tu logo o marca identificativa en todas tus páginas.

La situación en cuanto a la estructura del sitio se consigue mediante la inclusión de cabeceras que muestran a grandes rasgos la estructura del web y resaltan la situación actual.

Un tercer elemento a tener en cuenta es el propio título de la página, que debe ser significante e individualizado.

¿Donde he estado?

Con la tecnología Web actual resulta difícil contestar a esta pregunta. Existen, sin embargo, algunos recursos que nos permiten afrontarla:

El botón atrás del navegador que nos proporciona una historia secuencial de las páginas visitadas.

Los enlaces ya visitados que nos indican las opciones ya vistas dentro de los enlaces de una página

En este sentido, es importante respetar la convención en cuanto a la representación de los links (azul para los activos y rosa para los visitados).

El usuario sabe siempre de esta manera lo que ha visto y lo que no, dentro siempre de lo que puede ver.

¿A dónde puedo ir?

Esta cuestión se responde con las opciones visibles de navegación y con el resto de enlaces dentro de la página.

Es imposible mostrar todos los destinos posibles en una sola página, una buena estructura del sitio, fácil de comprender y asimilar por el usuario, será de gran utilidad a la hora de conocer los puntos posibles de destino desde un sitio dado.

Hay tres clase de hyperenlaces que pueden ser usados en una página:

Enlaces embebidos (El tradicional texto subrayado)

Enlaces estructurales (Apuntan a otro nivel de la estructura, por lo que diferirán de página a página, si bien es necesario que mantengan una coherencia comprendida y esperada por el usuario. Es más conveniente utilizar nombres descriptivos del nivel jerárquico que este en sí)

Enlaces asociativos (Proporcionan información adicional o colateral, del tipo de "ver también")

Extenso y profundo

Generalmente, el diseño más común de navegación es listar todos los elementos de alto nivel del sitio, a menudo en una banda a la derecha de la pantalla.

El beneficio de este diseño (Extenso) es que el usuario es continuamente informado de los servicios disponibles en el sitio haya entrado por el punto que haya entrado.

La desventaja es que existe una pérdida del 20% de la pantalla en páginas destino pudiendo recuperar misma información con un clic adicional a la página de inicio.

La alternativa es presentar información en profundidad, esto es, en cada página informar de los diferentes elementos jerárquicos que la anteceden, un esquema de navegación que se conoce como breadcrumbs (migajas de pan, conocido así por el cuento de Hansel Y Gretel, donde dejaban rastros en el camino para volver a casa).

Este segundo escenario tiene la ventaja de ocupar poco espacio y ser muy sencillo, lo que deja al usuario concentrarse en el área de contenidos que es lo que generalmente hace.

Su inconveniente radica en la dificultad de utilizarlo en estructuras no jerárquicas.

El usuario controla la navegación

En el diseño de interfaces tradicional, el diseñador puede controlar donde puede ir el usuario en cada momento.En el diseño Web no es así.

Además, una aplicación tradicional es un sistema de interfaces cerrado, dentro del que está el usuario.

Pero en la web el usuario se mueve rápidamente de un sitio a otro dentro de una misma ventana, de un mismo entorno, por lo que llega a percibir la Web como un todo, más que como una acumulación de aplicaciones diferenciadas.

Ello implica compartir una serie de reglas que el usuario ha aprendido a través de su experiencia y que confía en que le sean suficientes para moverse por cualquier sitio de la red.

Diseño creacionista vs diseño darwinista

El diseño tradicional de interfaces nace de una reflexión profunda y prolongada, acompañada de estudios, experimentos (Xeros, PARC, Apple, etc.) y ensayos que se plasmaron una vez analizados y comprobada su eficacia en la guía de estudio GUI.

Es por tanto un diseño creacionista, un largo embarazo que dio a luz a una criatura consolidada.

En la Web se introducen elementos continuamente, en su campo de experimentación es la propia red, su uso.

Sólo las buenas ideas sobreviven, las otras desaparecen en un puro modelo evolucionista del diseño.

Reducir el desorden de navegación

Es tanto el volumen de información que el diseñador debe emplear métodos variados para reducir la confusión, métodos como:

Agregar (unidad que representa una colección de otras más pequeñas, lo que es sencillo dentro de un sitio, pero complicado cuando se trata de categorizar sitios diversos)

Sumarización (formas de representar gran cantidad de información a través de otra más pequeña)

Filtrado (eliminando la información no relevante, son especialmente útiles los filtros colaborativos, aquellos en los que un colectivo decide qué información es la valiosa)

Truncado (dejar sólo la parte inicial de la información y dejar al usuario que la seleccione para ver el resto)

Representaciones basadas en ejemplos (más de mil millones de datos)

Qué tan ancha debe ser la página

En términos de anchura lo mejor es crear páginas adaptables al ancho.

Si no es posible, es mejor asumir que muchos usuarios lo verán pantallas de 1024 píxeles, lo que deja en términos reales poco más de 800 píxeles.

Las páginas de entrada (intro) deben morir

Frente a quien dice que es una buena manera de arrancar y dar una bienvenida, lo cierto es que los usuarios las saltan tan rápido como pueden.

Es mejor diseñar una página de inicio sencilla que unifique la información situacional con la presentación de noticias útiles e información del directorio.

Página de inicio vs. páginas interiores

El elemento de diseño más importante de la página de inicio debería ser el nombre de la compañía.

No tiene que ser necesariamente el más grande, pero al menos debe estar en la esquina superior izquierda de la pantalla.

Esta información debería repetirse en todos los lugares interiores, especialmente porque desconocemos el punto de entrada del usuario.
Las páginas interiores deben centrarse en los contenidos y dejar las bienvenidas para la home page.
Para facilitar este acceso y reubicar al usuario, coloca siempre un enlace directo a la página de inicio.

Cuanto más famoso sea tu sitio, menor debe ser el área dedicada a identificarse, ya te conocen.

Frente a quien prefiere forzar la entrada por la página de inicio, debe prevalecer la idea de satisfacer al usuario proporcionando puntos de entrada más cercanos a sus intereses.

El reto del espacio en pantalla

Cuando diseñe una página para impresión, se toma en cuenta el tamaño físico del documento final.

Se emplea un texto mucho más grande en un cartel que en una tarjeta de visita, por ejemplo. Pero en el mundo de la Web este sistema se rompe porque los usuarios pueden configurar sus monitores en todo tipo de dimensiones distintas.

Estos detalles afectan a la cantidad de espacio de pantalla con el que las páginas tienen que trabajar.

Cuanto mayor es la resolución y más grande la ventana de navegación, más contenido cabe en la pantalla. Esto presenta un dilema:

¿Cómo nos aseguramos de que las páginas tienen el mejor aspecto si no sabemos la configuración de pantalla del visitante?

Los diseñadores Web utilizan dos estrategias de diseño para tratar estas cuestiones:

Buscar la flexibilidad con tamaños proporcionales: Con ellos el diseño se expande o contrae para adaptarse al espacio disponible en la ventana del navegador. Por ejemplo, si crea una página Web en tamaño proporcional con una barra de menús y un área de contenido variable, la primera siempre permanecerá en el mismo ancho, mientras que el segundo aumenta o disminuye para acomodarse a la ventana del navegador, sin importar lo grande o pequeña que sea. Si tiene dudas, el tamaño proporcional es la mejor opción porque garantiza que las páginas Web se ajustarán a cualquier dimensión. No obstante, puede imponer un diseño máximo o mínimo para evitar que se alteren en exceso.

Seleccionar un tamaño fijo razonable: En ocasiones, demasiada flexibilidad causa sus propios problemas. Por ejemplo, si reduce una página con tamaño proporcional a dimensiones extremadamente pequeñas, algunos elementos pueden agolparse en posiciones extrañas. Si tiene un diseño complejo con mucho gráficos y elementos flotantes, el resultado puede ser un lío. Por otro lado, las ventanas demasiado grandes pueden producir otros inconvenientes. Piense que si estira una página de tamaño proporcional para que llene el ancho de un monitor de pantalla grande, tal vez resulte en líneas de texto extremadamente largas que son difíciles de leer. La solución es la implementación de páginas de ancho fijo que se vean bien en cualquier tamaño de monitor.

El tamaño de ancho fijo es el enfoque más habitual.

Si opta por la solución de ancho fijo, deberá saber cuál utilizar.

Por supuesto, no hay manera de conocer el factor del visitante. Las últimas esta estadísticas revelan que un 20% de los usuarios usan pantallas de 1024 píxeles de ancho, tanto con monitores antiguos como con nerbooks o iPad.

Evidentemente, como diseñador Web debe satisfacer a la minoría, por lo que un diseño de ancho fijo tendrá un magnífico aspecto con un diámetro de unos 1,000 píxeles.

De este modo, los usuarios Web con dispositivos de pantalla reducida podrán disfrutar del contenido de sus páginas, siempre que aumente la ventana del navegador para que ocupe toda la pantalla.

Entender la resolución

Un píxel es la menor unidad de medida de un monitor, también conocida como punto.

Una resolución de 1024x768 significa que se muestra una cuadrícula que tiene 1024 píxeles de ancho y 768 de alto (con un total de 786,432).

La resolución menor que puede encontrar actualmente (sin contar los teléfonos móviles) es 1024x600, el tamaño de una pantalla típica de un netbook.

Recuerde: las personas con monitores grandes no necesariamente configuran la ventana del navegador para que llene la pantalla.

Después de todo, es difícil leer largas líneas de texto. Por esa razón 1,000 píxeles es una buena suposición para el ancho medio de una ventaja de navegador.

Plantillas de estilo

El estándar CSS es una de las mayores esperanzas de recuperar la separación entre la presentación y el contenido.

Es importante usar un único estilo para el sitio, incluso cuando se personalice por áreas de contenido, ya que da coherencia y unidad al sitio.

Asegurar el funcionamiento de las plantillas

Debe tenerse en cuenta:

No usar más de 2 fonts (fuentes) y un tercero para cuestiones específicas (referencias, citas textuales, etc.)

No usar tamaños de letra absolutos

No usar el atributo !important, que deshabilita las preferencias del usuario. Respeta sus decisiones.

Si existen varias plantillas usa siempre los mismos nombres para las clases.

Frames

Se recomienda lo siguiente con respecto a los frames: Siempre decir NO.

El concepto original de la web (Tim Berners-Lee) fue la unidad total de distintos conceptos en una sola línea, la página.

La página web representa:

La visión de la información en pantalla

La unidad de navegación

Una dirección accesible (URL)

Un elemento a almacenar en el servidor

Un elemento a editar por el autor

Con base a esto, el uso de frames debería restringirse porque:

Rompe el modelo único

Difumina el concepto de URL única

Distorsiona la mecánica de los links, favoritos, navegación hacia atrás...

Dificulta la visión en pantallas pequeñas

Plantea problemas a la hora de imprimir con algunos navegadores

Es más complicado para los autores

Produce efectos no deseados en algunos buscadores

Muchos sitios que ofrecen alternativas con y sin frames constatan que muchos usuarios prefieren la navegación sin frames.

Pueden, sin embargo usarse en determinadas condiciones, siempre que tengamos en cuenta lo anterior.

Imprimiendo

Se imprimen páginas porque:

Se está acostumbrado o resulta más cómodo leer de papel que de la pantalla.

Se evita perder la información si la página se mueve o desaparece

Los usuarios gustan ordenar su información en carpetas

Es un buen método para pasar la información a otros

No siempre se imprime bien lo que se ve bien. Por ello, es mejor hacer dos versiones de los documentos, una para ver y otra para imprimir, pero nunca dejes información sólo disponible a través de la impresora.

Hoy en día en los navegadores es posible incluir en el <head> (cabecera) de la página un enlace para la versión imprimible (<link rel="alternate" media="print" href="estilo-impresion.css" type="text/css" />)

Conclusión
La simplicidad debería ser la meta del diseño de páginas.
El usuario accede a la red buscando algo, no disfruta viendo el diseño.

Las páginas deben hacerse para que funcionen:

Con distintos tipos de tecnologías

En distintos monitores y plataformas

Accesible para cualquier tipo de usuario

La revisión del estado del arte de la Web así como de su posicionamiento en Internet constituye un buen punto de partida para la aplicación de técnicas que aumenten la visibilidad de los portales Web.

El estudio de los elementos generales de la Web permite lograr un mayor entendimiento de estos temas y aplicar nuevas ideas en su desarrollo.

Con la investigación acerca de los estándares y pautas más comunes para el diseño de sitios Web permite tener en cuenta los últimos elementos existentes y estar a la medida de las últimas tecnologías para su implementación y su diseño.

Los conocimientos adquiridos sobre los navegadores Web facilitan la creación de páginas que sean atractivas a los usuarios, independientemente de cuál estén utilizando o del sistema operativo instalado, logrando que se comporten de igual manera en todos los casos.

Para alcanzar un buen diseño Web para Internet debe considerarse:

Con la revisión de todos estos factores se considera que para lograr un correcto posicionamiento en Internet y una buena visibilidad es necesario tener en cuenta desde el inicio de la creación de la Web.

# data[].attributes.attachment_link.title
Diseño de un sitio Web - Características y elementos básicos

# data[].attributes.attachment_link.description
Los estándares y pautas para el diseño de un sitio Web son un conjunto de elementos de vital importancia a considerar antes de su realización para obtener una buena usabilidad. Todos estos dependen de que el visitante primero llegue hasta el sitio y una vez en su interior, cumpla con los objetivos que lo condujeron hacia él de una manera rápida y simple, garantizando un futuro regreso.

# data[].attributes.body
Para ellos debemos conocer los pasos a seguir en la elaboración de páginas Web esta  comprende las siguientes fases: fases de Análisis, Planificación, Contenido, Diseño, Programación, Testeo, Mercadeo y Publicidad.

# data[].attributes.attachment_link.provider_name
Diseño de Páginas Web, Sitios de Internet y Posicionamiento SEO akus.net

# data[].attributes.attachment_link.readable_text
El Método para Creación de Sitios Web comprende las fases de Análisis, Planificación, Contenido, Diseño, Programación Testeo, Mercadeo y Publicidad.
El artículo habla sobre:

Fase de Análisis del Proyecto

A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas existentes en torno a la aplicación Web e Interacción que se va a generar.

Dichas preguntas podrían ser las siguientes:

1. ¿Se necesita realmente el sitio Web?

2. ¿Para qué se necesita el sitio Web?

3. ¿Qué es lo que buscarán los usuarios en el sitio Web?

4. ¿Qué imagen se quiere proyectar con el sitio Web a los usuarios?

5. ¿Qué servicios interactivos se integrarán a través del sitio Web?

6. ¿Con qué recursos se cuenta para el desarrollo del sitio Web?

7. ¿Cuánto tiempo debe ser invertido en el desarrollo del sitio Web?

8. ¿Qué impacto causará el sitio Web en los usuarios?

Selección de Objetivos

Todo proyecto debe contar con objetivos definidos, contra los cuales puede medirse la efectividad de las acciones que se desarrollen.

Green, chilcoott y Flick ( 2003) denominan esta etapa, resumen de objetivos, donde establecen tres puntos primordiales para esta selección, los cuales son:

Definir los usuarios

Lo que los usuarios esperan de la visita

Qué se pretende comunicar a través del sitio Web.

También podemos denominarlos: selección de usuarios, expectativas de usuario y expectativas de la organización; se describe a continuación:

Selección de usuarios

Los usuarios o la audiencia de Internet se refiere a aquella parte de la población a la que se pretende alcanzar o influir con el sitio Web; esto está estrechamente vinculado con la naturaleza del sitio que se propone. Toda la información que se obtenga servirá para establecer:

Criterios de diseño de contenido

Lenguajes

Estética

Entre otros.

"El modelado del usuario se basa en definir clases o perfiles de los usuarios y así poder diseñar con el objetivo de satisfacer las necesidades propias de cada grupo de usuarios"
(Montero, Y. y Martón, F. , 2003)

Expectativas de Usuario

La organización puede o no, ser conocida por los usuarios en potencia del sitio. Al plantearse la puesta en marcha de un sitio Web es necesario conocer hacia quién va dirigido éste y qué podrían esperar dichos usuarios al visitarlo.

"Tómese un tiempo para contactar con sus clientes, proveedores y amigos, con el fin de averiguar cómo harían ellos para encontrar su sitio Web y qué les gustaría ver en él"
(Morris, S. y Dickison, P. 2002)

Expectativas de la organización

Es vital establecer o fijar qué resultados pretenden conseguir la organización con la creación del sitio Web. Con ello se busca definir el propósito del sitio Web, y se deben incluir aspectos que van desde los más generales, relacionados con el público de destino, hasta los más específicos relacionados con la organización.

Morrin y Dickson ( 2001) indican que se debe decidir si lo que se busca con el sitio Web es:

Aumentar ventas

Ofrecer servicios especializados y conocimientos

Publicidad y patrocinio

Incentivos (productos gratis para promoción),

Publicitar.

Fase de Planificación

Todo proyecto posee una fase de planificación. En ella se deben definir:

Cuáles son los requerimientos técnicos para este fin

Quiénes serán los miembros del equipo

Seleccionar la estructura

Planear un sitio bien organizado y

Realizar estudios de mercadeo comparativo

Selección de Software

En esta etapa de la metodología se busca determinar los requerimientos en cuanto al software que se utilizará para el desarrollo de la aplicación; es decir:

Sistemas operativos

Servidor (software)

Editores para diseño Web

Lenguajes de programación

Animaciones y

Otros componentes.

Esta definición dependerá de muchos aspectos como la existencia de licencias de software o los recursos técnicos y hardware.

Selección de Hardware

Antes de emprender el desarrollo de una aplicación Web, se deben determinar:

Los requerimientos de hardware de la aplicación

El equipo servidor

La capacidad de respuesta

Terminales

Requerimientos de red

Determinar si la aplicación ha de disponerse de una intranet o extranet

En el caso que la aplicación vaya a estar publicada en Internet, se debe reservar el dominio y ubicar el servicio de hospedaje de empresas que se especializan en este servicio ( Morrison y Dickinson)

Selección del equipo de trabajo adecuado

"El entorno de trabajo en equipos surge de la necesidad de segmentar el proceso de producción en varias funciones diferentes"
(Green, Chilcott y Flick, 2003)

Parte de la planificación de un sitio Web consiste en pensar en términos de equipo de trabajo.

Se trata del conjunto de técnicos que estarán a cargo de la concepción, construcción, evaluación y mantenimiento del sitio.

Los miembros del equipo Web serán los responsables de todas aquellas estructuras no visibles que hacen a la operatividad de un sitio.

El equipo se basará en la convergencia de saberes y experiencias. Debe estar integrado por técnicos de muy diversas disciplinas, capaces de contemplar los distintos aspectos que están en juego.

Inicialmente, la mayoría de las organizaciones tenían a cargo del sitio Web un Webmaster que trabajaba solo, preparaba el servidor, editaba las páginas, hacía el diseño gráfico, y escribía o reunía los textos. Con el tiempo, se ha comprendido la complejidad de estos proyectos.

Es muy importante que el equipo tenga un líder (que puede en un futuro ser el Webmaster o no) porque formar un equipo Web requiere un gran compromiso personal e institucional.

Los equipos no se construyen de la noche a la mañana, ni a partir de una decisión administrativa o un mandato. Requieren un proceso de consolidación, que pasa por tiempos de búsqueda, acuerdos y adecuación.

Un equipo Web debe estar en constante comunicación tanto con aquellos que le han asignado su misión, como con sus destinatarios (clientes o usuarios). Su éxito se basa además, en una estrecha colaboración y comunicación entre sus miembros.

Cada miembro del equipo Web debe estar capacitado en su campo de trabajo (la presencia o el nivel de experiencia de ciertos miembros del equipo puede variar dependiendo del proyecto).

Se sugiere una lista de miembros que podrían ser parte de este equipo, de esta lista se extrajeron los siguientes:

Jefe de proyecto: Encargado de la supervisión y control del resto del equipo. Actúa como enlace entre el usuario y los demás miembros.

Productor: Este se encarga de establecer el aspecto, percepción y funcionalidad del sitio.

Editor: Ayuda a establecer y mantener el estilo, además de la integridad del sitio. Tiene la responsabilidad de controlar la corrección y el flujo de texto y en algunos casos el contenido multimedia del sitio.

Escritor: Los escritores deben interesarse por los detalles técnicos y la incorporación al desarrollo de estándares con ro al sitio, utilización de las palabras apropiadas, ortografía y gramática. Es necesario que el escritor tenga conocimiento de HTML, o de herramientas con FrontPage u otra aplicación.

Diseñador de bases de datos: Desarrolla las bases de datos que gestiona el sitio Web, se ocupa de definir sus relaciones.

Diseñador de scripts: Trabajar en conjunto con el diseñador de base de datos. Desarrolla y depura los scripts, los componentes Activex y otros elementos interactivos en la Web.

Diseñador Gráfico: Se encarga de crear los archivos visuales del sitio, también puede encargarse de la creación de los archivos de sonido y de película. Trabaja con imágenes y pequeñas labores de programación

Técnico de Hardware: Configura, prueba, opera y mantiene las computadoras, impresoras y máquinas necesarias para la ejecución y mantenimiento del sitio.

Técnico de pruebas: Si se dispone de un sitio grande o complejo puede resultar provechoso la incorporación de un Técnico de prueba al equipo. Su labor consiste en garantizar que todo funcione como debería, se encarga de probar los elementos de todas las páginas.

Aunque estas funciones podrían tomarse como esenciales, la estructura siempre vendrá determinada por el alcance del proyecto.

Benchmarking

Es una manera de detallar, observar y evaluar todas aquellas páginas Web calificadas como las mejores que se encuentre en la red, con la finalidad de diseñar una forma que permita crear un producto de alta calidad, productividad y competitividad.

Una manera práctica de realizar el benchmarking es plantearse una serie de preguntas al momento de visitar las páginas que se han seleccionado como las mejores del ramo, Morris y Dickson ( 2002) sugieren las siguientes:

¿Cuáles son los objetivos del sitio?

¿Cuánto tiempo tardo en cargar?

¿Se descargó en un orden lógico?

¿Es un sitio Web interesante?

¿Cómo son los gráficos?

¿Refleja el género de la empresa o compañía?

¿Es de fácil uso y es cómodo navegar en él?

¿El contenido está estructurado de manera lógica?

¿Hay demasiados o insuficientes niveles de información?

¿En conjunto ¿el sitio es un éxito?

"La base de un sitio bien diseñado es una estructura definida con precisión"
(Green, Chilcott y Flick, 2003)

Las relaciones de las páginas entre sí configuran la estructura del sitio.

A partir de la página principal se vinculan mediante enlaces al resto de las páginas, esto es bastante sencillo mediante código HTML, pero es más complicado decidir el orden, de qué manera y con qué configuración se establecerán los vínculos.

La estructura de un conjunto de páginas Web es muy importante, ya que permitirá al lector visualizar todos los contenidos de una manera fácil y clara (buena estructura), o provocar en el lector una sensación de estar perdido, por lo cual no encontrará rápidamente lo que busca y terminará por abandonar el sitio (mala estructura).

Los autores Green, Chilcott y Flick ( 2003), destacan los tipos de estructura de navegación:

Estructura lineal

Esta estructura consiste en una línea recta que recorre el sitio desde la página de inicio hasta la página final.

Es muy útil cuando se desea que el lector siga un camino fijo y guiado, además el de impedir que se distraiga con enlaces a otras páginas. Por otra parte se puede causar al lector la sensación de estar encerrado si el camino es muy largo o poco interesante.

Este tipo de estructura sería válido para tutoriales de aprendizaje o tours de visita guiada.

Estructura Jerárquica

La estructura jerárquica, como se observa en la siguiente figura:

Es la típica estructura de árbol, en el que la raíz es la página de bienvenida, ésta se puede también sustituir por la de contenido, en la que se exponen las diferentes secciones que contiene el sitio.

La ventaja de esta estructura es que el usuario siempre está ubicado y puede moverse fácilmente por el sitio.

Todo gracias a que la mayoría de las páginas secundarias permiten regresar a la página de inicio, los visitantes controlan completamente la navegación.

Estructura Radial

En este modelo las páginas secundarias no se conectan entre sí, y se debe navegar por la página principal para ir de una secundaria a otra, es decir, la principal contiene enlaces a todas las secundarias, pero las secundarias sólo contienen un entorno a la principal, tal cual se aprecia en la figura que sigue:

La ventaja de esta estructura es que facilita la navegación, los visitantes sólo tendrán que efectuar uno o dos clics para retornar a la página principal; sin embargo, esto podría también ser un inconveniente porque obliga al usuario a regresar siempre a la página de inicio.

Estructura de Red

En ella se plantea un modelo en el que todas las páginas están relacionadas entre sí. Es una estructura ideal para sitios especializados en un tema, en la que se le permite al usuario una navegación libre y sin limitaciones como la que vemos a continuación:

Costos de inversión

A la hora de planificar un sitio Web, se debe realizar un estudio de viabilidad que refleje el costo financiero a invertir, y que abarque:

Tiempo

Personal

Hospedaje Web

Dominio

Licencias en caso de necesitarse

Mantenimiento

Contar con un método de control de tiempo se hace pertinente en el desarrollo Web, al igual que en otros proyectos, ya que el tiempo implica dinero.

Una técnica para el control del costo de cierta actividad, es el sistema de agenda, que consiste en dividir cada hora en segmentos de seis minutos llamadas unidades, y es a partir de la cantidad de unidades por actividad que se medirá el costo de ésta.

Beneficios a obtener

La puesta en marcha del sitio no lo es todo, la planificación del desarrollo de un sitio Web debe abarcar aspectos como beneficios a adquirir con el funcionamiento del mismo.

Antes de establecer el desarrollo de un sitio Web se debe estimar el tiempo de retorno de la inversión, ya que de esa forma tangible, como por ejemplo un retorno monetario, o intangible como la mejora de las relaciones interpersonales de la organización.

Fase de Contenido

Básicamente el éxito de un sitio Web se debe a su contenido. El contenido del sitio será probablemente una combinación de la información que actualmente se posee y de la que se tendrá que crear.

Es conveniente presentar un contenido acorde a los objetivos planteados para desarrollar el sitio, y que la información a plasmar cubra las necesidades e intereses del público a quien va dirigido.

Fase de Diseño

El diseño Web supone un trabajo extenso y detallado, puesto que abarca no sólo la interacción de múltiples elementos, como tecnología multimedia ( audio, sonido, imágenes, animaciones, entre otros); sino, que abarca también su integración con una estructura lógica basada en el propósito del sitio.

Representando una labor que va más allá de la simple necesidad e inquietudes de sus potenciales usuarios.

Al momento de diseñar sitios Web, es necesario tener en cuenta aspectos como la usabilidad y accesibilidad.

Usabilidad

Referido al tiempo, esfuerzo y capacidad requerido por el visitante, para que alcance un determinado nivel de adaptación al sistema, esta puede estar vinculada en ocasiones al número de pasos necesarios para lograr determinada actividad, y al nivel de conocimientos que requieran los usuarios para el uso de la aplicación.

Accesibilidad

Un sitio Web se desarrolla con la idea de que sea visto por el mayor número de visitantes, pero hay que tener presente que cada uno de estos puede acceder a la información con equipos, navegadores e idiomas distintos, estos factores pueden impedir que el sitio no pueda ser apreciado en su totalidad.

Romero ( 1999) señala tres áreas fundamentales para determinar la accesibilidad de un sitio Web, estas son:

Accesibilidad a la computadora: Referida a la capacidad de hardware con la que se debe contar para el uso de la aplicación Web, lo ideal en esta área es que la aplicación se adapte a la computadora cualquiera que este sea.

Accesibilidad del navegador utilizado: En ocasiones mismos contenidos se visualizan de distintas maneras en diferentes navegadores Web, se recomienda utilizar un diseño que se pueda visualizar en la mayoría de los navegadores y apegado al estándar.

Accesibilidad del diseño de las páginas Web: Los usuarios pueden tener desactivadas algunas funcionalidades de los navegadores Web, lo que podría incidir en la correcta visualización del contenido de el sitio Web.

Fase de programación

Esta etapa corresponde a la utilización de las herramientas de programación Web. En este punto es primordial seleccionar:

Los lenguajes de programación en los que se desarrollará el sitio Web

La base de datos

Definir qué contenido del sitio será estático y cuál será dinámico.

Una vez definidos estos criterios se pasa a una etapa denominada Arquitectura de tres fases, la cual expone lo siguiente:

Bases de datos: Se diseña y crea la base de datos.

Programación intermediaria: Programas o códigos que se ejecutarán en el servidor Web. Acá se establecerá la comunicación entre la base de datos y la interfaz.

Interfaz: Programas y códigos que desplegarán el contenido a los usuarios a través del navegador Web. Se refiere aplicaciones que el usuario visualizará y a través de la cual operará con ella.

Fase de Testeo

Se ejecutan pruebas exhaustivas para asegurar el perfecto funcionamiento del sitio Web con usuarios que vayan a utilizar el sitio:

Comprobación en navegadores: El primer paso y también el más importante, es comprobar que las páginas se pueden visualizar de forma correcta en diferentes navegadores.

Detectar los vínculos rotos: Es necesario detectar documentos que existen en el sitio pero que no están conectados a través de vínculos; ellos deben ser reparados o eliminados en caso de no ser necesarios puesto que ocupan espacio en el servidor y tienden a crear confusión.

Comprobar tiempo de descarga: Uno de los puntos clave en el éxito de un sitio Web es su rapidez de descarga, en base a ello se recomienda un tiempo mínimo descarga.

En este punto los administradores deben reciben la capacitación para el desarrollo de sus tareas.

Fase de Mercado y Publicidad

En esta fase se debe tomar en cuenta los Derechos Internacionales del Autor, por el cual:

Todas las copias realizadas incluyen derecho de autor.

Se anexa en el sitio los créditos de los desarrolladores, o un enlace que le permita a los usuarios contactarlos.

Luego se define el dominio del sitio, se verifica que esté disponible para poder registrarlo, y se transfieren los archivos al servidor remoto por FTP, o desde la página del servidor. Se debe verificar que todos los archivos estén en su carpeta correspondiente de la Web.

Después de publicada la Web, su difusión depende de la publicidad que se le pueda dar mediante papelería de la organización, banners en sitios específicos, por medio de buscadores y otros.

Maybel Gil (2002)

# data[].attributes.attachment_link.title
Metodología para la Creación y Desarrollo de Sitios Web

# data[].attributes.attachment_link.description
El Método para Creación de Sitios Web comprende las fases de Análisis, Planificación, Contenido, Diseño, Programación Testeo, Mercadeo y Publicidad. A la hora del desarrollo de un sitio Web se debe comenzar por dar respuesta a un grupo muy concreto de interrogantes, que permitirán aclarar y definir de manera básica las expectativas existentes en torno a la aplicación Web e Interacción que se va a generar.

# data[].attributes.headline
B)METODOLOGÍA DE DESARROLLO DE SITIOS WEB

# data[].attributes.subject
B)METODOLOGÍA DE DESARROLLO DE SITIOS WEB

# data[].attributes.headline
Para crear una página web con herramientas avanzadas: 

# data[].attributes.subject
Para crear una página web con herramientas avanzadas: 

# data[].attributes.body
-Editor de Texto: Dreamweaver, Expression web, Notepad, Wordpad, Sublime text, entre otros.

-Editor de Archivos Gráficos: Photoshop, Paint, Gimp.

- Servidor Web para alojar la Página: Apache, sea que se alquile el servicio o se utilice software como servidor web local, Wampp, Xampp,

-Software cliente del FTP (File Transfer Protocol): utilizado para enviar

-Software cliente del FTP (File Transfer Protocol): utilizado para enviar al servidor web la Página Web, muchos de los servicios web lo tienen instalado.

# data[].attributes.headline
Para crear una página web con herramientas básicas:

# data[].attributes.subject
Para crear una página web con herramientas básicas:

# data[].attributes.body
- Editor de texto (Notepad)
-Navegador

# data[].attributes.attachment_link.readable_text
Existen muchas herramientas que nos facilitan el camino en la creación de una página web, sin embargo hay que mencionar que para usar cada una de ellas el usuario debe estar bien definido sobre su metodología de trabajo. Veamos a continuación cuales herramientas se encuentran a disposición y cómo podemos utilizarlas para mejorar nuestro trabajo.

No cabe duda que para realizar un trabajo (bien hecho) necesitamos de herramientas que nos ayuden a realizar nuestra labor más fácilmente y de forma profesional, para ello en el mundo de la informática se cuenta con editores que pueden ser utilizados para ganar tiempo en el desarrollo de sitios web y demás tareas.

Creación de sitios web

Si nos iniciamos en el mundo web nos daremos cuenta que comenzar de cero cualquier tipo de aplicación por sencilla que parezca hay que dedicar un poco de tiempo para diseñar, ordenar y crear todo el contenido que se desea tomar en cuenta, las herramientas o editores para sitios web se enfocan precisamente en ayudarnos a tomar ventaja y hacer todo más rápido en el aspecto de diseño y creación.

El consejo que se puede dar es que si te sientes cómodo tomando el control total en el diseño y creación de un sitio web puedes comenzar a trabajar con un simple editor de texto, aunque en cuanto a comodidad no es lo mejor, sí tendrás que realizar todo tu trabajo codificando hasta el más mínimo detalle.

Editores sencillos

Bloc de notas: Dentro de Windows éste puede ser el mejor aliado si deseas codificar todo desde cero, sin necesidad de instalar otra aplicación o programa. Su sencillez y buen manejo abren un espacio para mencionarlo.

Gedit: Si trabajas en Linux puedes utilizar muy cómodamente este editor. La gran ventaja de Gedit frente a otros editores sencillos es que permite interactuar de manera más fácil con el código que se está creando, pues añade herramienta de color, auto detención del lenguaje de programación, etc. Si deseas también puedes utilizar este editor en Windows ya que existe una versión disponible para dicha plataforma.

Editores gráficos

Dentro de la gama de editores en ambiente gráfico no puede faltar Dreamweaver, el más famoso editor de plantillas y creación de sitios web. Sus herramientas que pone a disposición hacen que nuestro trabajo se vuelva mucho más fácil, aunque cabe señalar que es de pago vale la pena tenerlo y sacar el máximo provecho de esta herramienta.

No solo existe este programa para editar páginas web, también puedes utilizar el IDE Netbeans o Komodo edit si así lo deseas.

Básicamente se han presentado herramientas útiles que puedes escoger a conveniencia, si conoces otras que a tu gusto son mejores compártelas aquí en Techtear para que más usuarios las conozcan. Deja tu comentario con la herramienta que más te gusta utilizar.

# data[].attributes.attachment_link.description
Existen muchas herramientas que nos facilitan el camino en la creación de una página web, sin embargo hay que mencionar que para usar cada una de ellas el usuario debe estar bien definido sobre su metodología de trabajo. Veamos a continuación cuales herramientas se encuentran a disposici&oa

# data[].attributes.attachment_link.title
Mejores programas para diseñar paginas web 2018

# data[].attributes.body
CLARO
OPEN ENGLISH
SERVICIOS DE LIMPIEZA

# data[].attributes.body
NISSAN

CINEPOLIS

HOTEL ROYAL DECAMERON

# data[].attributes.headline
Ejemplo de Sitios de imagen corporativa.

# data[].attributes.subject
Ejemplo de Sitios de imagen corporativa.

# data[].attributes.body
COLA-COLA
ZARA
FACEBOOK

# data[].attributes.attachment_link.readable_text
Una página web es el activo más valioso que cualquier marca con presencia en Internet puede tener, ya que es ese espacio en que los usuarios navegan en busca de productos y servicios que satisfagan sus necesidades.

En este sentido, no me podrás discutir que transmitir una imagen corporativa fiable y profesional es, cuanto menos, indispensable para poder sacar provecho ante cualquier posible oportunidad de negocio.

¿Comprarías un producto online sin saber quién está detrás? Está claro que por mucho que ofrezcan lo que estás buscando, te echaría para atrás no saber quién está detrás.

Y es que, nadie confiaría en la web de un negocio sin contenido corporativo. Menos aún hoy en día, que nos encontramos en la Era de la deshumanización de las marcas.

Te hago la pregunta desde la otra perspectiva... ¿crees que podrías dar una imagen de marca seria en Internet si no trabajases tu site en la misma dirección? Pues ahí lo tienes; blanco y en botella.

Para que dejemos bien clara éstas y otras ideas, en este artículo abordaremos cuestiones como:

Por qué una página web corporativa tiene que dar una imagen coherente con su filosofía de negocio (daremos respuesta con algunos ejemplos de grandes empresas).

Qué es la imagen corporativa, en qué se diferencia de la identidad corporativa y dónde queda definida.

Cuáles son los elementos de branding que puedes aplicar en tu site para transmitir una imagen corporativa sólida y coherente.

¿Por qué tu web debe dar una imagen coherente?

Transmitir tu imagen corporativa en la web, es una forma de dar confianza a los usuarios y establecer unas bases para que puedan entender tu filosofía de negocio (sea del tipo que sea).

En este sentido, un error muy común es llevar una imagen corporativa diferente a nivel offline y online. Esto se debe a que muchas marcas no tienen la consideración que la presencia online se merece. Piensa que ésta:

Mejora la reputación: Muchos de los usuarios que visiten tu sitio online serán los mismos que tengas fuera de Internet y, éstos, esperarán encontrar la misma calidad. Solo de ser así, tu reputación digital quedará a salvo.

Un ejemplo de ello es BBVA, un banco que apuesta por la innovación y ha realizado un gran esfuerzo de marketing para mejorar su app.

Aumenta la visibilidad: Cuanto más potente sea tu reputación online, más fácil será que tu página web llegue a un mayor público (ya sea por recomendación o porque repercuta en el SEO).

Mejora del posicionamiento SEO: Una página web que hace justicia a la marca que representa, favorece unos mayores tiempos de permanencia y, por tanto, repercute muy positivamente en el posicionamiento en buscadores.

Ikea, empresa conocedora de ello, ha mostrado su preocupación por la presencia de su web con un reciente rediseño.

Aunque podríamos extendernos mucho más hablando sobre sus ventajas, estos podrían ser considerados como los tres puntos fuertes más destacados de una página web que verdaderamente transmite una imagen fiel y coherente.

"Al fin y al cabo, lo que perciban los usuarios se debe corresponder con lo que la marca emite. Si no hay una correspondencia, hay algo que está fallando".

Definiendo el concepto de Imagen Corporativa

Puede que creas tener súper claro el concepto de imagen corporativa, pero la realidad es que es bastante habitual confundir este término con el de identidad corporativa.

Por ello, en este apartado vamos a dar definiciones teóricas de cada término para situarnos y, así, comprender en profundidad qué implica desarrollar estos aspectos a nivel web.

Identidad vs Imagen Corporativa: Delimitación conceptual

Como bien te decía, imagen e identidad no son lo mismo y, por ello, no deben tratarse de la misma manera (a pesar de que los solemos utilizar indistintamente). Así que, véamos en este punto sus diferentes definiciones y diferencias, ¿te parece?

¿Qué es la Identidad Corporativa?

"La Identidad Corporativa hace referencia a todos los elementos tangibles de branding que rodean a una marca. Algunos de estos son los colores, el logotipo, el lenguaje utilizado, así como todo aquello que puede entenderse de manera directa."

En otras palabras, la identidad corporativa está conformado por todos esos elementos que tienen la función de llevar a la mente del consumidor todas aquellas asociaciones de una marca.

Esa asociación mental, pasado un tiempo, pasa a constituir el concepto de imagen corporativa que, ahora sí, vamos a definir.

¿Qué es entonces la Imagen Corporativa?

"La Imagen Corporativa es la parte intangible de la representación de una marca. LLeva consigo una actitud como elemento implícito, la cual origina el cómo los demás perciben y valoran a la misma."

Lo que cada usuario percibe de una negocio tiene que ver con cómo éste proyecta su esencia, y está directamente relacionado con la reputación de una marca y la fiabilidad que da.

Precisamente, en la reflexión que hacíamos al principio ya quedaba implícito; la imagen corporativa sólida y coherente es la que transmite la confianza suficiente a los usuarios para llegar a tomar una decisión de compra.

En otras palabras, podríamos definir la imagen corporativa como el conjunto de ideas o características que asociamos a una marca, normalmente basadas en prejuicios o en las conclusiones que sacamos de los mensajes que recibimos por parte ella.

¿Y dónde queda definida la Imagen Corporativa?

Para evitar esas disonancias entre lo que una empresa quiere que los usuarios piensen sobre ella y lo que de verdad piensan, hay herramientas como el manual o guía de estilo.

"La Guía de Estilo es un documento que recoge todas las directrices que deben seguir los miembros de un negocio para plasmar la imagen corporativa de manera coherente en todos los canales de comunicación."

Por tanto, en este documento se debe recoger todo aquello que atañe a la imagen de un negocio; sus valores, su mensaje, su manera de transmitir la información, etc.

¿Cómo transmitir la Imagen Corporativa en tu site?

Con todos los conceptos claros, y siendo consciente de por qué debes trabajar este aspecto en tu página web, es el momento de llevar a cabo las acciones reales que te ayudarán a tener una imagen coherente.

A continuación, te expongo un listado de elementos de branding que puedes aplicar en tu web a nivel general y, si eres empresa, a nivel corporativo.

Elementos de branding genéricos

Vamos a empezar hablando de los elementos de identidad o branding. Son elementos tangibles que, como hemos visto, van a ayudar a que los usuarios reconozcan tu negocio, ya que se encargan de llevar a su mente todas esas asociaciones y experiencias relacionadas con tu marca.

Naming y/o eslogan

Por supuesto, es indispensable que el nombre del negocio y la marca estén colocados en un lugar visibles de tu página web. Seguro que aquí no te cuento nada nuevo pero, eso sí, te remarco la distinción entre nombre de negocio o de marca, ya que no tienen por qué ser el mismo.

Además, si tienes un eslogan o frase de marketing que suelas utilizar, inclúyela sí o sí en tu site. Seguramente, esta frase representará los valores y misión de tu negocio. Por lo tanto, ya sabes... Just do it!

Logotipo o firma

En el manual de identidad corporativa es donde se especifica cómo deben incluirse estos elementos visuales en una página web. Y es que, el objetivo del mismo es garantizar que el logotipo esté bien representado y se pueda identificar fácilmente en cualquier tipo de soporte.

Se deben respetar los colores, las formas, la versión para el canal online, etc. Normalmente, el profesional en diseño deja indicaciones también sobre las formas en las que nunca debe plasmarse el logo.

Tipografía

Toda marca necesita identificarse con una tipografía o un estilo tipográfico concretos. Es otra manera de facilitar que los usuarios reconozcan todos los mensajes enviados, sea en el canal que sea.

Aún así, suele haber varias tipografías relacionadas con cada negocio. Esto se debe a que en muchas ocasiones la tipografía elegida para plasmar la identidad corporativa no es fácilmente legible en textos largos o en digital. Por eso, a veces se utiliza una para el eslogan, los botones, etc., y otra más sencilla para los cuerpos textuales.

Gráficos y archivos multimedia

Además del logo y la tipografía, hay otros muchos elementos que entran en juego a la hora de representar gráficamente a una marca o negocio; los elementos visuales en diferentes colores, los vídeos, las infografías, etc.

Todo ello, queda reflejado en la guía de estilos y en el plan de marketing de contenidos, y debe plasmarse en la web (tal y como se haya indicado previamente), ya que son elementos que ayudan a transmitir tus mensajes con mayor claridad.

Copywriting

Puede que este aspecto no parezca tan tangible como los demás, pero es igual de importante. A la hora de realizar la comunicación del negocio, habrás elegido un tono o estilo.

Esto suele estar muy relacionado con el público objetivo; según a quién te dirijas, así se expresará tu marca y así presentarás sus contenidos.

Ni que decir tiene que ese mismo estilo que utilices en tus contenidos web, será el que debas utilizar en el resto de canales online.

Elementos específicos para sitios web corporativos

Todos los elementos que hemos visto hasta aquí, nos sirven para transmitir los valores de marca de manera coherente de forma generalizada.

Pero si, además, tu página web respalda a una empresa o negocio que ofrece productos o servicios, se me ocurren algunos otros aspectos que también podrías optimizar en tu página.

Sección de equipo o "about us"

La sección "about us" de una página web corporativa es el espacio reservado para contar con palabras fidedignas sobre cuál es la filosofía del negocio y, en muchos casos, presentar a los miembros del equipo que está detrás.

Mientras que el posicionamiento por palabras clave no tiene cabida en este apartado, la aplicación de técnicas de copywriting sí que es una pieza más que fundamental para llevar al usuario un mensaje que cale.

Gama de productos o portfolio de trabajos

Solo una empresa puede respaldar un gran historial de trabajos. Sobre todo, si hablamos de una amplia variedad de productos o servicios.

¿No te resulta algo sospechoso cuando un único profesional ofrece en su portfolio servicios de diseño gráfico, programación, redacción de contenidos y gestión de redes sociales? Aunque pueda parecer una obviedad, es un error bastante común que los freelancers solemos cometer en nuestros inicios.

En el caso de sites corporativos, la cosa cambia drásticamente. Y no hay mejor manera de transmitir profesionalidad y confianza que con una buena galería con imágenes de los mejores trabajos realizados o del producto estrella.

Contenido especial para productos y servicios

Además de las secciones de filosofía y portfolios, todas y cada una de las páginas internas destinadas a la venta requieren de un contenido muy especializado.

Éste conlleva el objetivo claro y directo de vender, por lo que ha de tratarse el copywriting con especial atención para no abusar de los adjetivos fantásticos y expresiones que solo lleven a perjudicar a la reputación del negocio.

Otros elementos de diseño web

Por último, hacerte una breve mención a otros elementos más relacionados con el desarrollo web, pero que también constituyen un componente corporativo.

Por ejemplo, el header, el footer, las migas de pan, la disposición de las secciones dentro de las páginas, etc... suponen espacios en los que dar información fiel del negocio también es fundamental.

Conclusión

La coherencia y la conexión son dos elementos fundamentales en una empresa que sabe cómo transmitir su imagen corporativa, y esto debe ser así tanto a nivel físico como digital.

De nada sirve tener un local fantástico y dar un servicio muy profesional, si luego tu site no tiene nada que ver. Los usuarios que tengan buena referencia de tu marca, esperarán que tu página web le haga justicia. De lo contrario, se sentirán defraudados.

Por ello, en este artículo hemos definido en detalle conceptos teóricos como la imagen y la identidad corporativa, además de los diferentes elementos que te ayudarán a dar coherencia a tu página web.

¿Añadirías algún otro elemento fundamental para plasmar la imagen corporativa en una página web de empresa?

# data[].attributes.attachment_link.title
¿Qué es y cómo transmitir la imagen corporativa en tu web?

# data[].attributes.attachment_link.description
Una página web es el activo más valioso que cualquier marca con presencia en Internet puede tener, ya que es ese espacio en que los usuarios navegan en busca de productos y servicios que satisfagan sus necesidades.

# data[].attributes.body
1- Sitios de Negocios.
2- Sitios de Servicio.
3- Sitios de Comercio Electrónico.
4- Sitios de Imagen Corporativa.
5- Sitios de Entretenimiento.

# data[].attributes.attachment_link.readable_text
En este artículo encontrará una breve explicación de los cinco géneros básicos de sitios web que existen en Internet en la actualidad.

Nuestra constante interacción con las empresas nos permite conocer los diferentes enfoques que un proyecto de tecnología de Internet puede llegar a tener en los negocios. Al definir por primera vez un proyecto de esta naturaleza, muchas empresas no tienen una idea precisa del género de sitio que desean implementar. En varias ocasiones hemos llevado a cabo sesiones de planeación con nuestros clientes en las que, al desconocer ellos del tema, su objetivo del proyecto toca prácticamente todos los géneros, desde un sitio de "solo presencia" hasta inclusive una tienda virtual para comercio en línea.

Definir el género de su Sitio Web es tan importante como la definición misma de su objetivo de negocios al implementar un programa de mercadotecnia en Internet.

A continuación encontrará Usted una breve explicación de los cinco géneros básicos de Sitios Web que existen en Internet en la actualidad.

Sitios de Negocios

Este género de Sitios Web tiene como objetivo primario dar a conocer su empresa y sus productos en la red mundial de Internet. Son sitios orientados particularmente a la mercadotecnia de su empresa para, en esencia, promover los productos y servicios y generar nuevas oportunidades de negocio.

Lo común es publicar información relevante acerca de su empresa, su planta de producción, sus instalaciones, el catálogo de productos, programas de calidad, asociaciones y certificaciones, información técnica, procesos para requisiciones, logística, distribuidores autorizados, procesos de garantía y formas de contacto, entre otros temas.

Un requisito indispensable para este género de Sitios Web es una apropiada visibilidad en Internet. Esto significa estar ubicado dentro de los 30 primeros lugares en las listas de resultados de los principales buscadores. De acuerdo al factor visibilidad, los sitios de negocios se subdividen a su vez en dos grupos: sitios convencionales y sitios profesionales. Los sitios convencionales sirven para tener presencia en Internet, mientras que el objetivo de los sitios profesionales es alcanzar el máximo nivel de promoción del negocio por medio del posicionamiento en buscadores. La diferencia más importante entre ellos es que los sitios profesionales se pueden localizar fácilmente en motores de búsqueda y los sitios convencionales no.

Sitios de Servicio

El propósito esencial de este tipo de sitios es ofrecer un servicio a sus clientes, proveedores y demás socios comerciales. El servicio en cuestión puede tratarse de consultas a bases de datos, colocación y seguimiento de pedidos, consultas sobre bancos de información pública y de acceso restringido, noticias, información financiera y de la bolsa, entre otras. En ocasiones estos servicios son complementarios a los productos y servicios que las empresas ofrecen. Se emplea a Internet como un medio de comunicación para facilitar el acceso a la información.

Ejemplos de este género los encontramos en los sitios de DHL, SKYTEL, portales noticiosos y financieros, sitios de climas y horarios en el mundo, traductores de idiomas en línea, enciclopedias en línea, OCC y los centenares de sitios con ofertas de empleo, MSN Messenger y sitios de chat en línea, los miles de sitios de estaciones de radio, recintos feriales y centros de exposiciones, los foros de discusión, expertos asesores en línea, directorios empresariales, páginas amarillas, sitios de asociaciones, organizaciones y organismos gubernamentales, entre muchos otros.

Sitios de Comercio Electrónico

Estas tiendas virtuales tienen como principal objetivo la venta de mercancías a través de Internet. Se da poca relevancia a la información acerca de la empresa, centrándose mas bien en los propios productos. Este género de sitios están totalmente orientados a la venta en línea de productos y servicios, por lo que no es de extrañarse que sus tres elementos básicos sean: Un catálogo detallado de los artículos con precios y especificaciones de cada producto, un "carrito de compras" con un control de los artículos seleccionados e importe total de las compras, y desde luego todas las facilidades para la selección del medio de pago y el procesamiento de las transacciones con una institución financiera.

Detrás de estas tiendas virtuales, existe por lo general un grupo de sistemas de información para el control de inventarios, compras, ventas, facturación y distribución.

El éxito de los sitios de comercio electrónico depende en gran medida de los sistemas de información en operación, del tiempo de respuesta del sitio, de un apropiado sistema de navegación dentro de la tienda, de la seguridad en el procesamiento del medio de pago a través de tecnologías SSL (Secure Server Layer) y desde luego de una adecuada promoción del sitio.

Al igual que los sitios de negocios, es indispensable una apropiada visibilidad en Internet, es decir, una buena posición en las listas de motores de búsqueda.

Sitios de Imagen Corporativa

Algunas empresas toman ventaja de Internet para el reforzamiento de sus marcas. Mas que crear oportunidades de negocio, estos sitios tienen como propósito fundamental, comunicar una imagen al mercado que atienden para reforzar el posicionamiento de sus marcas en la mente de los consumidores. Sitios como el de CocaCola y BP Amoco, reflejan en sus páginas el concepto de su marca e imagen.

Usted puede optar por este género de sitios si su intención es comunicar imagen y llegar hasta el consumidor final del producto o servicio que su empresa ofrece, con el propósito esencial de reforzar su marca.

Sitios de Entretenimiento

Finalmente, si lo que Usted busca en Internet es un espacio para diversión y entretenimiento, existen una infinidad de sitios para charlar, convivir virtualmnete, escuchar algo de música, checar algún video, exhibición de films, jugar, inclusive apostar (tenga a la mano su tarjeta de crédito) y hasta sexo virtual en línea (no guarde su tarjeta de crédito). Música, revistas, videos, películas y libros están disponibles en línea en muchos de los sitios de entretenimiento en el Web.

Todas las celebridades están al alcance de Usted con tan sólo un par de clics, ya sea en portales especializados en entretenimiento o en Sitios Web personales.

Michael Bolaños, de eDrive.com, fue uno de los primeros en prever el potencial de combinar estas nuevas tecnologías con la industria del entretenimiento. Cindy.com, el sitio oficial de Cindy Crawford, logró los 400,000 visitantes y más de 17 millones de hits en su primer mes de operaciones.

Aspectos a considerar

En la práctica se pueden llegar a implementar con éxito algunas combinaciones de estos géneros. Es común encontrar sitios orientados a negocios y servicio, también existen sitios de Comercio Electrónico con algunas de las características básicas de un sitio de negocios.

Si su intención es crear un sitio de Comercio Electrónico, o mas bien transformar su negocio en una empresa de comercio en línea, no olvide que estas tecnologías pueden ser implementadas por escalas. Usted puede implementar primeramente un sitio de negocios, transitar por la curva de aprendizaje de estas tecnologías (integrar Internet a la operación comercial de su negocio) y luego implementar un sitio de Comercio Electrónico.

Manténgase informado en lo que se refiere al crecimiento de Internet en Latinoamérica. Esto le permitirá decidir cuándo y en qué forma su empresa deberá integrarse a este nuevo mundo comercial en Internet.

# data[].attributes.attachment_link.title
Tipos de Páginas Web y Géneros de Sitios

# data[].attributes.attachment_link.description
En este artículo encontrará una breve explicación de los cinco géneros básicos de sitios web que existen en Internet en la actualidad. Nuestra constante interacción con las empresas nos permite conocer los diferentes enfoques que un proyecto de tecnología de Internet puede llegar a tener en los negocios.

# data[].attributes.headline
Ejemplos de Sitios de comercio electrónico.

# data[].attributes.subject
Ejemplos de Sitios de comercio electrónico.

# data[].attributes.body
EBAY: Para subastar artículos en Ebay solo es necesario registrarse en su página web. Su modelo de operación es la subasta, en la cual los interesados ofrecen lo que quieren y pueden por los productos que allí se ofrecen.
WAL-MART: Aparte de ser la cadena minorista más grande del mundo, Wal-Mart ha fortalecido su comercio en la Red. Tecnología, ropa y muebles son algunos de los productos que ofrece la cadena en su portal.