Puntos de partida para Posicionamiento Web

Siempre es bueno tener un punto de partida para comenzar en alguna materia y por eso les propongo los siguientes para abordar el tema de Posicionamiento Web que veremos en clases a partir de esta semana.
Se trata de los siguientes documentos:

• Capítulo 4 de la segunda versión de la Guía para Desarrollo de Sitios Web del Gobierno de Chile, que trata precisamente acerca de cómo adecuar un sitio para que sus contenidos sean indexados por un buscador.


• La "Guía SEO de Google para principiantes" que contiene las instrucciones más simples para trabajar en este tema.


• Diccionario SEO es una recopilación en castellano de las palabras más utilizadas en esta área. Adicionalmente se puede visitar el SEO Dictionary para ver una versión en inglés, con más definiciones.

¿Qué son los wireframes?

Aprovechando que hemos hablado y estamos usando esta metodología en clases, les dejo este enlace para contar con más información al respecto.

Características de los contenidos

Luego de analizar en la clase pasada los elementos que rodean al contenido, en ésta entregamos las características que deben cumplir los contenidos propiamente tales. Las siete más relevantes son las siguientes:

1. Los textos deben ser cortos, breves y directos, ya que las personas no leen en las pantallas sino que buscan palabras y saltan por el contenido tras ellas.


2. Dado lo anterior, se deben destacar palabras en el texto para ayudar a los "saltos" señalados.


3. Los títulos deben ser largos, incluyendo sujeto y predicado, para permitir que puedan ser entendidos fuera del contexto que da el sitio. Por ejemplo, cuando aparecen en la página de resultados de búsqueda de un buscador.


4. Los contenidos se deben agrupar por áreas de interés o relación, utilizando subtítulos significativos.


5. Al incluir imágenes o videos, el autor del contenido debe contextualizarlas con información de texto, explicando su contenido para crear polos de atracción en la pantalla.


6. Se debe preparar el contenido para que haya lectura horizontal, vale decir que se pueda acceder a más información a través de enlaces internos o externos ofrecidos por el autor.


7. En caso de que se quiera ofrecer mayor información, se la debe entregar a través de textos para imprimir o descargar. Pero lo importante debe entregarse de acuerdo a lo dicho en el primero de estos consejos.

Como trabajo en clases se pidió revisar el análisis de Ricardo Canales y priorizar cuál es el más relevante y luego, revisar la crónica de Marcelo Araya sobre el fracaso de Colo Colo y determinar si cumple con las recomendaciones vistas.
El trabajo de los alumnos se puede revisar en la zona de comentarios de este post.

Tarea de hoy: análisis heurístico

Como parte de la clase de hoy, invité a los alumnos a realizar un análisis heurístico de los sitios que les parecieran más adecuados para hacerlo.
Aunque tal tipo de trabajo requiere de más elementos de juicio, en esta ocasión les pedí que trabajaran analizando cuatrro áreas concretas:

• Zona de Identificación: todo lo que permite reconocer qué es y de qué se trata el sitio; incluye la revisión de logo, slogan, favicon y título para buscadores, entre otros aspectos.


• Zona de Contacto: permite entregar todos los datos para saber quién publica y cómo llegar a ellos, considerando como relevante la inclusión de dirección, teléfono, mail y hasta nombre de un representante. NaturaLmente, se busca que haya acceso a un formulario de contacto disponbible; todo lo anterior debe estar presente en cada página del sitio.


• Zona de Navegación: es la que permite ofrecer elementos para moverse dentro del sitio. Incluye menú de navegación con las secciones y marcar aquella que esté activa; contar con claros identificadores de la sección y con un menú de rastro o breadcrumb.


• Zona de Acción: es la que permite que el usuario interactúe con el sitio web; se le ofrece contenido adicional y cualquier objeto que le permita extender la navegación que lo haya llevado a la página que está visitando.

En los comentarios de este post podrán ver los análisis entregados por los alumnos al término de la clase.

El periodismo que estudiamos no es el que ejerceremos

A diferencia de cuando yo estudié Periodismo -en el comienzo de la década de los 80s-, hoy existe claridad de que lo que se aprende en clases, no necesariamente llegará a ser aplicado.
Todo está cambiando, así que lo interesante en clases es aprender una actitud, más que la forma de hacer las cosas. O, como dijimos en la clase pasada, lo bueno de ir a clases, es que uno puede equivocarse con tranquilidad, ya que sólo la nota está en juego (más tarde será la pega y eso, es otra cosa).
Esto, a raíz de un excelente artículo del profesor Miguel Paz, que les recomiendo leer.

Diez trucos para probar en tu sitio

El sitio CSSBlog ofrece un listado de diez consejos para sacar provecho de las técnicas de CSS en tu propio sitio.
Me interesaron en particular el 3.Controlando la posición (Absoluta y relativa) y el 4. Posición de un elemento en el centro de la pantalla.
Pruébalos en tu sitio.

Para leer y pensar

No es noticia que el periodismo está bajo asedio. Sí lo es, la aparición de alternativas. Dado eso, los invito a leer "El rol de los estudiantes de periodismo en el nuevo mercado informativo" en 233 grados.

Algunas palabras del negocio

Si estás en el negocio de Internet, necesitas dominar la jerga que se emplea. Así que van algunas de las palabras y siglas más importantes usadas hasta ahora en el curso:

• Browser: Navegador. Término aplicado a los programas que permiten acceder al servicio WWW.


• CSS: Cascading Style Sheet u Hoja de Cascada de Estilos. Son las definiciones de los estilos de formato del contenido de una página web, los cuales pueden ir en cada una o bien, en un archivo de texto independiente.


• FTP: Sigla de File Transfer Protocol, una aplicación utilizada a través de Internet para la transferencia de archivos en forma independiente al sistema de archivos que tengan los computadores conectados.


• HTML: Sigla de HyperText Markup Language. Lenguaje en que se escriben las páginas web a que se accede a través de los navegadores web. Fue desarrollado en el CERN por Tim Berners-Lee.


• HTTP: HyperText Transfer Protocol. Protocolo de comunicación usado en World Wide Web entre clientes y servidores, para la transferencia de documentos.


• Número IP: Es la forma de indicar la dirección que tiene un nodo en una red IP con el objetivo de enviar y recibir paquetes de datos.


• Pixel: Picture Element. Unidad de medida que expresa la capacidad de la pantalla de un monitor para mostrar información gráfica. El tamaño de un píxel depende de la pantalla; es decir, las dimensiones de los elementos de la pantalla varían con la pantalla y la resolución.


• Script: Lenguaje de comandos multiplataforma que es interpretado por la aplicación cliente, normalmente un navegador (Browser). Ejemplo: Javascript.


• Tags: Significa “etiqueta” y se refiere a cada uno de los elementos usado por el lenguaje HTML para incorporar elementos de contenido dentro de una página web.


• URL: Uniform Resource Locator. Localizador Uniforme de Recursos. Sistema unificado de identificación y localización de recursos de cualquier tipo en Internet, que permite acceder en forma sencilla y homogénea a los documentos que contiene.


• Web: Es la abreviatura de World Wide Web, un sistema de documentos relacionado entre ellos mediante hipertexto y conectados a través de la red Internet, que fue desarrollado en 1989 por el físico inglés Tim Berners-Lee mientras trabajaba en el European Organization for Nuclear Research (CERN) en Ginebra, Suiza.

Guía Básica para entender CSS

CSS significa Cascade Style Sheet que lo traduciremos como Hoja de Estilos en Cascada.
¿Qué son los estilos? Pues el formato que se le da a las etiquetas HTML utilizadas para crear páginas web.
Para aprender, nada mejor que estudiar, así que acá van dos enlaces interesantes:

• Guía del W3C en español [visitar]


• Guía de W3Schools en inglés [visitar]