Artículos de la categoría ‘Desarrollo web’

Cómo mejorar el posicionamiento web en buscadores (SEO)

28 de Julio de 2010

Un proyecto de mejora del posicionamiento web es bastante complejo y abarca muchas posibles acciones a tener en cuenta:

INDICADORES A GESTIONAR:

> Popularidad
- Nº de visitas. Que depende de:
* Público objetivo
* La Calidad de los contenidos
- Enlaces externos a la web
* Blogs
* Redes sociales
* Guías y directorios
* Buscadores
* Publicidad
> Técnico
- Metadatos HTML
* El Titulo
* Descripción
* Palabras clave
- Etiquetas HTML
* Encabezados
* Títulos de los elementos HTML
* Estilos
- Calidad del código HTML/CSS
- Accesibilidad
- Densidad de los Contenidos
- URLs amigables

Un proyecto serio y profesional se llevaría a cabo en 4 fases:

1. Plan de Marketing para Internet (en base a objetivos de negocio).
ENTREGABLE: Plan de acciones presupuestadas y planificadas en el tiempo
2. Ejecución de las Acciones Inmediatas (“Quick Wins”)
3. Ejecución de las Acciones a medio plazo, según el plan aprobado, y priorizado
4. Ciclo de Calidad: Seguimiento estadístico, análisis y mejoras

COSTE DEL PLAN DE MARKETING: depende del alcance del mismo, y la horquilla es inmensa en función de la complejidad de la empresa, que suele estar alineado, además, con la complejidad de la web o portal. Para tener una idea: estamos hablando entre 300€ para una micro pyme  ¡ y 100.000€ !, sólo para el plan de marketing para Internet.

Luego ya el coste de las acciones depende absolutamente de cada caso.

Qué es un sitemap

25 de Junio de 2010

Un sitemap es un archivo que le indica a los bots cuál es la estructura de nuestro sitio web. Es una manera de listar la estructura de nuestra web, y asegurarnos así de que todas y cada una de las páginas internas serán registradas por los buscadores, paso previo a iniciar el trabajo de posicionamiento web. Como su nombre lo indica, es una especie de mapa que lo que hace es orientar no solo a los bots, sino a los visitantes, y así facilitar la navegación y la usabilidad del sitio.

Siempre es una buena idea –indispensable, en rigor de verdad- tener un mapa del sitio. Pero esta necesidad se ve enfatizada cuando tenemos botoneras con Flash, es decir que los links de nuestro sitio están indicados por algún tipo de script, material difícil aún hoy día de “decodificar” para los bots. Los sitemaps son creaciones de Google, en un intento de mejorar la indexación de los sitios web que indexa, sin embargo, este desarrollo fue rápidamente adoptado por los demás buscadores, a tal punto que el sitemap se ha convertido en uno de los primeros elementos que los bots indexan.

El sitemap se elabora con un lenguaje llamado XML –Extended Markup Language, cuya estructura no es muy distinta a la del HTML con el que todos estamos familiarizados. Sin embargo, el sitemap debe respetar ciertas reglas para que sea compatible con las spiders y poder llevar a cabo su labor esclarecedora de la estructura del sitio. En primer lugar, debe estar codificado en UTF-8 –un formato de texto Unicode, que asegura poder ser leído por todos. Además debe comenzar con la etiqueta <urlset>, y terminar con </urlset>.

Una forma práctica de comprender como se estructura un sitemap es ver uno y analizar el contenido. Este es un ejemplo de sitemap con una sola url para hacerlo más sencillo:

<?xml version=”1.0″ encoding=”UTF-8″?>
<urlset xmlns=”http://www.sitemaps.org/schemas/sitemap/0.9″>
<url><loc>http://www.misitio.com/</loc>
<lastmod>2010-07-01</lastmod>
<changefreq>monthly</changefreq>
<priority>0.8</priority>
</url></urlset>

<url> indica que comenzaremos a brindar información sobre, justamente, la url. <loc> indica la ubicación de la misma. <lastmod> se refiere a la fecha de modificación de este documento. <changefreq> es una etiqueta opcional que nos indica con qué frecuencia se planea modificar esta página. Cuando la variable <changefreq> se fija en “always” se indica que el documento será modificado cada vez que se acceda a él. “Never”, por otra parte indica que se trata de urls antiguas, destinadas a ser archivadas. Finalmente, <priority> se refiere a la prioridad que tiene esta página con respecto a las demás del sitio. Esta variable puede adoptar valores entre 0.0 y1.0. En este caso, una prioridad de 0.8 indica que es una página importante para nuestra web.

Existen numerosas aplicaciones online gratuitas que podrán crear un sitemap adecuado para su sitio. Un ejemplo es http://www.xml-sitemaps.com/, donde con solo ingresar la url, el sitio recorrerá su página y elaborará un sitemap. Por otra parte, si su sitio es dinámico, por ejemplo, construido con Wordpress, deberá aplicar un plugin, como el Google XML Sitemaps que le creará el sitemap y automáticamente lo mantendrá actualizado cada vez que suba un posteo o una nueva página.

Fuente de este post: www.vpa-internet.com.ar/blog

Nueva página web para un hotel de Madrid

16 de Junio de 2010

Hoy hemos lanzado la nueva web de un céntrico hotel de Madrid (el hotel Casón del Tormes).

La página web está traducida en 6 idiomas, cuenta con galerías de fotos, descripción de servicios del hotel, etc  y enlaza con una central de reservas.  Los contenidos se mantienen y traducen con el gestor de contenidos Content-SORT.

  Este hotel está situado en un lugar idóneo para visitar el centro de Madrid.

Hotel  Cason del Tormes

Te invitamos a ver la web del hotel en http://www.hotelcasondeltormes.com

Crear una web con un gestor de contenidos

14 de Junio de 2010

Hace ya tiempo que el proceso de creación de sitios web es algo bastante accesible para casi todo el mundo. Herramientas como FrontPage, Dreamweaver, o incluso el propio MsWord, etc, han facilitado mucho este proceso, por medio de herramientas gráficas de diseño.

Sin embargo, estas herramientas, en manos de personas no experimentadas tienen la limitación que supone no saber programar. Sin este conocimiento, la funcionalidad suele estar muy limitada, y sobre todo, la actualización de contenidos no es nada fácil.

Los gestores de contenidos web, como Content-SORT, vienen a cubrir este ewww.coroacapella.esspectro de necesidades.

Así, la web www.coroacapella.es, acaba de ser construida desde cero usando esta herramienta. El beneficio del uso de Content-SORT para su diseño y construcción ha sido doble.

Por una parte, en su creación sólo ha habido que programar dos scripts en php para extraer de manera excepcional unos datos de la BD del gestor. Todo lo demás, tanto en temas de diseño como sobre todo en funcionalidad, se ha realizado usando los wizards que el gestor proporciona. Siguiendo el método de diseño que proporciona Content-SORT, una persona sin apenas experiencia en la creación de páginas web, ha sido capaz, él solo, de llevar a cabo el proyecto de construcción del sitio en un tiempo muy reducido. Este método, que diferencia perfectamente y de manera modular todos los temas de diseño, funcionalidad y contenidos, aúna de una manera completamente integrada y en una única herramienta la gestión de estos tres elementos.

El resultado de www.coroacapella.es, que no pretende ser profesional desde el punto de vista del diseño estético, sí es sin embargo un ejemplo paradigmático de la facilidad en la gestión de los contenidos web. De esta manera, y como segundo gran beneficio, cualquier información que se muestra en dicha web es gestionable al 100% desde la consola de administración de Content-SORT. Así, cualquier miembro de la asociación a la que pertenece la web va a poder actualizar todos los datos que se presentan al público sin tener ningún conocimiento de programación o diseño web. Bastará con rellenar en formularios muy básicos los textos, fotos y en general, cualquier elemento de información que se quiera presentar, para que, en tiempo real, dichos cambios se reflejen en la nueva web. El motor de Content-SORT será el encargado de añadirle los estilos, ubicarlo en sus páginas correspondientes, aplicar el diseño y hacer que la web refleje inmediatamente los cambios. Todo ello, insisto, sin tocar una sola línea de código HTML, php, javascript, ni nada similar.

Aunque esta experiencia piloto pueda parecer muy simple dada la sencillez de la web creada, es sin embargo un ejemplo de la potencia que puede aportar en el mundo de la creación de sitios en Internet un gestor de contenidos como Content-SORT.

Alberto Martín

Cómo usar estilos CSS en correos electrónicos (email) con HTML

26 de Mayo de 2010

¿Habéis intentado alguna vez maquetar y dar formato a un correo electrónico con HTML+hoja de estilos CSS?Email / correo electrónico
Entonces habréis sufrido las inclemencias de los clientes de correo, ya que no soportan las hojas de estilos externas; la solución es utilizar estilos CSS dentro de las etiquetas (inline).
Incluso algunos clientes de correo (por ejemplo, Lotus Notes) no son compatibles con XHTML.
Alguna otra perla: Outlook 2007 no admite imágenes de fondo.
A continuación vamos a ennumerar una serie de Recomendaciones para maquetar emails con HTML+CSS:

  • Usar HTML 3.2
  • Body compuesto por un único DIV
  • Ancho máximo 600 píxeles. Para los smartphones, 320px.
  • Utilizar tablas para maquetar
  • Anchos (width) en las celdas; no aplicar ancho a la tabla.
  • No utilizar porcentajes
  • No utilizar imágenes de fondo
  • Estilos dentro de las etiquetas

Por supuesto, es importante que completemos este artículo entre todos con vuestras experiencias y los clientes de correo más importantes del mercado. Todas vuestras sugerencias y recomendaciones a través de los comentarios las probaremos y si son buenas las añadiremos al artículo.

Realidad virtual (2)- aplicaciones con una webcam

16 de Mayo de 2010
Como continuación a mi artículo anterior sobre el sexto sentido, aquí os publico otro video sobre “motion-sensing”.
Lo dicho: la realidad virtual al alcance de tu mano. El futuro más próximo.
Me sigue impresionando.
Cada vez está más cerca poder trabajar con este tipo de interfaz en nuestro gestor de contenidos. Content-SORT :)

VER VIDEO