Diseño de Páginas Web / Diseño Web

Como elegir una empresa de hosting

by Juan Manuel Zolezzi on 4 diciembre, 2013

Encontrar una empresa de hosting es una tarea sencilla; bastará con realizar alguna búsqueda en Google para encontrar miles de opciones. ¿Pero cómo distinguimos a los que recién comienzan de los profesionales?

Invertir unos minutos en conocer la empresa que cuidará nuestro sitio puede ahorrarnos futuros dolores de cabeza. A continuación compartimos algunas ideas para elegir una empresa de hosting confiable.

LEER MÁS

SEO y Diseño de Paginas Web – El balance dificil

by Natalia Rey on 13 mayo, 2013

Qué pensaría usted si le dijera que la mayoría de los sitios web que ganan premios de diseño no rankean bajo palabras claves genéricas? Que pensaría usted si le dijera que lideres en SEO no tienen diseños para poder ganar premios en sitios como Awwwards o theFWA?

En xDawson hicimos un estudio y analizamos sitios web ganadores de premios y las comparamos con líderes de SEO en el mundo. Lo que notamos es que ganar un premio de diseño web no implica de ninguna forma que va rankear por palabras claves genéricas en buscadores como Google, Yahoo, Bing. También notamos que la mayoría las agencias SEO no son candidatos para premios de diseño web.

Debido a los resultados de este estudio pudimos identificar áreas problemáticas en la industria de diseño web y SEO.

Metodología de Estudio

Para determinar que agencias de SEO analizar, buscamos quien rankeaba mejor en su país por palabras claves con alta demanda como “SEO, Posicionamiento Web, o sus equivalentes en sus idiomas. Por ejemplo en el caso de Francia usamos el termino “référencement” y en el caso de Alemania usamos el termino “Suchmaschinen-Optimierung”.

Nuestro análisis de ranking estuvo basado en la ubicación geográfica de cada agencia. En otras palabras, hicimos una investigación del posicionamiento local para determinar si la agencia en cada caso se encuentra rankeada en su localidad.

Para determinar las Agencias de Diseño Web ganadores de premios de diseño recurrimos a sitios como Awwwards y theFWA que son muy conocidas en la industria y ofrecen una variedad de premios de diseño. Los sitios que se eligieron para el estudio tienen lo que se llamaba “honorable mention o Site of the Day Status”.

Debido a que el concepto de belleza o diseño es 100% subjetivo. El análisis tomo el concepto de “buenos diseños” como diseños que podrían o no ganar concursos de diseño en sitios como Awwwards y theFWA.

Los comentarios abajo son 100% constructivos y este estudio apunta a identificar porque la brecha entre diseño estético y ranking es tan grande. Debido a que la data es tan extenso lo hemos puesto después de la conclusión. Recomendamos que si lo lea ya que rápidamente va empezar a entender un problema que existe en la industria de SEO y Diseño de Paginas Web.

Resumen de la DATA – Sitios web ganadores de premios de diseño

SOTD websites

 

Resumen de la DATA – Sitios web que rankean bajo palabras claves como SEO, Posicionamiento Web, etc.

SEO agency screenshots

Características comunes del diseño web de agencias de SEO

  1. Mucho contenido
  2. El contenido generalmente se ve sobrecargado
  3. No hay suficiente espaciado
  4. No muestran fuentes personalizadas
  5. Todos los sitios se ven muy parecidos – Falta originalidad
  6. La arquitectura es buena
  7. Poca interacción – Los sitios son informativos pero no entretienen
  8. No hay animaciones
  9. Falta estilo
  10. Diseños anticuados
  11. Diseños de template – Uso de plantillas pre-diseñadas 
  12. Sitios sin  responsive web design
  13. No se utiliza CSS3
  14. No se utiliza  Html 5
  15. Diseños sin Parallax Scrolling
  16. Falta de vídeos artísticos o creativos
  17. Imágenes de poca calidad
  18. Muchas imágenes de bancos de imágenes
  19. Es difícil diferenciarlos de otros sitios
  20. Se usan tecnologías obsoletas

Conclusión: Las agencias de SEO logran rankear sus sitios pero sus diseños no son candidatos para ganar premios en sitios como Awwwards y theFWA.  Área de mejora: Diseño Estético

Características SEO comunes de los sitios de Agencias Web

  1. No hay optimización del sitio desde el punto de vista SEO
  2. No se rankea para palabras claves genéricas
  3. No hay una orientación hacia palabras claves estratégicas
  4. Se rankea por el nombre de la agencia pero no por el servicio ofrecido.

Conclusión: Las agencias web diseñan sitios estéticos pero no realizan el posicionamiento al mismo tiempo.

Sitios premiados:

Portugal

No rankea por el nombre de la empresa – 1 Red
Ranking de palabra clave – 7mo lugar del ranking – RED
hypnotic.pt

Francia

Rankea por el nombre de la empresa – 1 Green
Ranking de palabnra clave – 1er y 3er lugar del ranking pors palabras que la gente googlea – GREEN
vtcreative.fr

vtcreative.fr

Holanda

Rankea por el nombre de la empresa – 1 Green
Ranking de palabra clave – Rankea en 3er lugar por una palabra que nadie googlea –
Optimización SEO – RED
onlinedepartment.nl

onlinedepartment.nl

Reino Unido

Rankea por el nombre de la empresa – 1 Green
Ranking de palabra clave: No tienetítulo en su home page – RED
OPtimización SEO – RED
adamhartwig.co.uk

adamhartwig.co.uk

Sitios que han inspirado nuestra renovación:

 USA New York

www.softfacade.com

Rankea por el nombre de la empresa  – 1 Green
No rankea por las palabras claves “compañía de aplicaciones para móviles” – Red
Optimización SEO – RED
SEO analysis of Softfacade.com

SEO analysis of Softfacade.com

Argentina

http://hoopla.la/index_page.html

Rankea por el nombre de la empresa – 1 Green
Rankea en 3er lugar por las palabras claves ” Agencia de publicidad digital” pero nadie googlea esto en Argentina  – RED
Optimización SEO – RED
hoopla.la

hoopla.la

Colombia

Rankea por el nombre de la empresa – 1 Green
No rankea por las palabras claves “diseño web” – RED
Optimización SEO – RED
ideaware.co

ideaware.co

Bélgica

Rankea por el nombre de la empresa – 1 Green
Ranking por palabras claves: no hay título en la home page – RED
Optimización SEO – RED
netlash-bseen.be

netlash-bseen.be

Argentina / Holanda

Rankea por el nombre de la empresa – 1 Green
Ranking por palabras claves: no hay título en la home page – RED
Optimización SEO – RED
mobydigital.com

mobydigital.com

Francia

Rankea por el nombre de la empresa – 1 Green
Ranking por palabras claves: no hay título en la home page – RED
Optimización SEO – RED
5emegauche.com

5emegauche.com

El desafío de las Agencias de Diseño Web

En el futuro, la optimización de los sitios será un requerimiento implícito para todos los proyectos de diseño web. Es decir, construir sitios atractivos que puedan ganar premios en diseño y al mismo tiempo rankear por palabras claves competitivas manteniendo la optimización de toda la web.

Este articulo se publico en ingles en Moz.com aqui – Tutorial SEO Parallax Scrolling Responsive Website

Nosotros asumimos el desafío!

Posicionamiento Web en Argentina decidió asumir este gran desafío y estamos re-diseñando nuestro propio sitio. Somos una empresa SEO muy pequeña que realiza también diseño web. Nuestro catálogo de diseño no es muy impresionante pero nuestro trabajo y experiencia en posicionamiento es tan buena como muchas agencias de posicionamiento internacionales. Así como evaluamos recién los sitios de diferentes agencias, invitamos a la comunidad de SEO y Diseño Web a evaluar nuestro propio sitio.

Nuestras metas

Crear un sitio que continúe con el 4to lugar en el ranking en Argentina bajo las palabras claves “posicionamiento web”, pero con la siguiente tecnología:

  • Diseño Web Responsivo (PC y Tablet. No hubo presupuesto para Mobile)
  • HTML 5
  • CSS3
  • Parallax Scrolling
  • Optimización para buscadores onsite

Conclusión acerca de nuestro propio sitio:

Con la renovación del sitio estamos logrando mejores resultados en el diseño que muchas de las agencias de posicionamiento líder. 

Web Designer and Robot

Ejemplos alrededor del Mundo

Francia

Palabra clave “référencement”

oref.fr
oref.fr

 

 

 

 

 

 

mon-referencement-gratuit.fr
mon-referencement-gratuit.fr

 

adifco.fr
adifco.fr

 

 

 

Alemania

Palabra clave – “Suchmaschinen-Optimierung”

suchmaschinenoptimierung.michaelsattler.de
suchmaschinenoptimierung.michaelsattler.de

 

 

 

 

 

seo-united.de
seo-united.de
fairrank.de
fairrank.de

 

nmo-web.com
nmo-web.com

España

Palabra clave – “Posicionamiento Web”

seoposicionamientoweb.com
seoposicionamientoweb.com

 

posicionamiento-web.tv
posicionamiento-web.tv

 

royalcomunicacion.com
royalcomunicacion.com

 

posicionamientowebmadrid.com
posicionamientowebmadrid.com

USA

Palabra Clave – “SEO”

wisdek-seo.com
wisdek-seo.com

 

joomace.net
joomace.net

 

seo.com
seo.com

Londres

Palabra clave – “SEO”

seo-london.com
seo-london.com

 

smart-rank.co.uk
smart-rank.co.uk

 

webmarketinggroup.co.uk
webmarketinggroup.co.uk

Argentina

Palabra clave – “Posicionamiento Web”

puntorojomarketing.com
puntorojomarketing.com

 

seonet.com.ar
seonet.com.ar
1-posicionamiento.com.ar
1-posicionamiento.com.ar
posicionamientowebenbuscadores.com
posicionamientowebenbuscadores.com

 

LEER MÁS

Tutorial de Parallax Scrolling con Posicionamiento (SEO) Español

by Natalia Rey on 25 abril, 2013

Un tutorial en español de como hacer parallax scrolling y SEO (Posicionamiento en buscdadores) a su vez.

Aqui hay dos publicaciones sobre parallax scrolling y SEO mas completas

Parallax Scrolling y SEO – Tutoriales y Ejemplos

Parallax Scrolling Websites and SEO – A Collection of Solutions and Examples

Tu sitio debe poder encontrarse en la web para lograr las visitas y los clics que queremos. Podemos tener un diseño muy innovador y creativo pero si nadie encuentra nuestra web ¿De qué nos sirve? Aquí el posicionamiento es indispensable.

La última tendencia en diseño web son los sitios con desarrollos parallax. El parallax scrolling es una técnica que permite animar con cierto movimiento algunos elementos en las webs, creando la sensación de ver tres dimensiones a través de la superposición de capas. Un ejemplo de web con diseño parallax es Drug Treatment.

De esta manera, el visitante con sólo hacer scroll con su mouse, puede recorrer el sitio viendo muchos efectos especiales. Impresionante, ¿no les parece? Sin embargo, por lograr esto, se cometen varios errores de SEO. El error más común de los sitios diseñados con parallax es incluir la estructura entera del sitio en una misma vista: home y subsecciones bajo una misma URL.

En el parallax scrolling se ponen en juego la creatividad e ingenio de los diseñadores y programadores para crear sitios atractivos para el usuario, sitios que inviten a los visitantes a quedarse e interactuar en la página web.

Ahora, el diseño con técnicas parallax ¿es compatible con una optimización para el posicionamiento en buscadores?

Ninguna de las páginas que hemos visto desarrolladas y premiadas con esta técnica está optimizada para buscadores.

Podemos ver ejemplos como Ok Studios en los que el diseño y la originalidad se destacan pero, ¿Dónde quedó el posicionamiento de esta webs?

La principal razón por la cual posicionamiento y parallax scrolling no podrían ser compatibles es la idea de que todo el contenido queda ubicado bajo una misma URL, siendo que para el buen posicionamiento es muy importante que las principales palabras claves tengan cada una su propia URL. El problema del contenido en un sitio con tecnología parallax es cierto, pero no es un problema en sí para el posicionamiento, veamos por qué…

Contenido: el mayor dilema

El contenido que pongamos bajo la URL principal en una página web con parallax debe estar lo más optimizado posible, creando un equilibrio entre las palabras claves que nos interesa posicionar y un diseño que mantenga a los visitantes interesados en seguir recorriendo nuestro sitio ¡todo un desafío!

Generalmente los sitios con parallax poseen una única URL, bajo la cual se ubica todo el contenido. Para resolver esto y como técnica de posicionamiento podemos crear una home súper interactiva e innovadora y usar todavía algunas páginas internas y subsecciones que permitan ubicar el contenido bajo más de una única URL, en vez de usar anclas.

Debemos usar de manera inteligente los títulos que incluyamos en cada vista del scrolling ya que serán H1 y ya sabemos lo que eso significa para el posicionamiento y el uso de nuestras palabras claves. Muchos H1 compitiendo entre sí quizás no es una buena idea, pero si elegimos sabiamente algunos títulos y los incluimos en nuestro recorrido, el posicionamiento puede funcionar.

 

 

 

Ejemplo de página “perfectamente optimizada”
Fuente: SEOMoz – How Do I Build the Perfectly Optimized Page?

 

En una web con parallax scrolling, el contenido deberá acotarse significativamente. Mucho contenido en cada vista va en contra de la búsqueda de un mejor diseño y calidad visual.

¿Cómo generamos contenido para nuestro posicionamiento entonces? Simple, a través de pestañas o pop ups que aparecen cuando el visitante cliquea o pasa el puntero por determinado objeto. Estas pestañas no son consideradas contenido oculto (muy mal vistas por Google), ya que el usuario puede ver el contenido completo al realizar una acción en la web.

 

Diseño en capas, ¿una desventaja?

La creatividad y el ingenio deberán unirse también para encontrar la manera de ubicar los elementos en la página y las diferentes capas, de manera que no sobrecarguen la web y el tiempo de carga sea rápido. Es muy molesto ver el tiempo de carga de una web segundo tras segundo ¿No es cierto? Nuestros visitantes quieren ver el sitio YA, y los buscadores aprecian en gran medida eso: un sitio que se carga rápidamente seguramente tenga una mejor posición que aquel que demore mucho. Lo mejor es crear un diseño de pocas capas y quizás un poco más sencillo y convertir eso en un tiempo de carga más rápido.

Web con parallax scrolling y optimización SEO

Más ejemplos de las vistas de páginas internas:

 

Como pudimos ver, diseñar un sitio con parallax scrolling y optimizado para el posicionamiento en buscadores si es posible. Todo depende de la creatividad y experiencia de los profesionales a cargo. Este tutorial se puede ver en ingles aca How to create a parallax scrolling website with SEO

Aca hay otro articulo muy bueno sobre Parallax Scrolling and SEO

En Posicionamiento Web pensamos que es posible afrontar un reto como este, creemos que es un camino lleno de desafíos, pero posible de lograr. Poder realizar un sitio web parallax con posicionamiento en buscadores sin duda te pondrá por delante de tu competencia, y lograrás que tus visitas permanezcan más tiempo en tu página.

LEER MÁS

Sitios con tecnología Responsive Design

by Natalia Rey on 11 diciembre, 2012

Responsive DesignEn Posicionamiento Web contamos con un equipo de profesionales capacitados para realizar el diseño de sitios con tecnología Responsive Design o diseños sensibles.

Una página web desarrollada con Responsive Design, se “adapta” a los diferentes formatos según se acceda desde una PC, un celular o una tablet. El sitio en cuestión va a verse de diferentes maneras, modificando espacios, cambiando lugares de los elementos y hasta eliminando o agregando contenidos de acuerdo a la disponibilidad de espacios; todo esto sin perder el diseño y esencia de la página web original.

A través del Responsive Design, un mismo diseño se adapta a las diferentes formas de verlo y no es necesario crear distintas versiones del sitio para cada caso en particular.

LEER MÁS

Por qué necesitas tener un sitio con diseño web responsivo

by Natalia Rey on 16 agosto, 2012

Este post es cortesía de Iván Ruiz, Gerente de Marketing Online de twago, mercado de trabajo freelance para especialistas en programación, diseño y otros servicios empresariales.

 

No es noticia que los dispositivos móviles como los Smartphones y las tablets están ganando terreno en la industria de Internet. Tampoco es noticia que la industria tecnológica muestra tendencias a enfocarse en este tipo de dispositivos. Lo que es noticia, es que no todos los sitios web, en su mayoría los pequeños, no cuentan aún con diseños web responsivo, lo cual se refiere básicamente a que una página web se a adapte a las características de resolución y usabilidad de los dispositivos móviles.

 

Responsive Design Example

Limewire Networks, Inc., reporta que el 80% de los usuarios de teléfonos inteligentes, tienden a abandonar las páginas web que no cuentan con un diseño adecuado a los dispositivos móviles, esto se debe a la pobre experiencia que ofrecen a los usuarios.

Recientemente, en el blog de Anuncios Móviles de Google, se publicó un artículo acerca del comportamiento de los usuarios de teléfonos inteligentes en Estados Unidos. Con dichos datos se generó un infográfico que arroja cifras relevantes para todos aquellos que están interesados en los negocios en Internet, pues se muestra que los Smartphones han ganado terreno frente a las computadoras como medio de acceso a Internet.

Por otra parte, estudios de comScore, revelan que en Estados Unidos aproximadamente el 7% de todas las visitas a sitios web provienen de dispositivos móviles, principalmente Smartphones. En América la Latina las cifras son notablemente más bajas, sin embargo en Argentina, en lo que va de 2012, se ha notado un incremento del 75% respecto al año anterior, pasando de 1.2% a 2.1%.

Razones por las que los Smartphones son una fuente de tráfico relevante:

  • En cuanto a la penetración de smartphones, Argentina es segunda en todo el continente (después de U.S.A 44%), pues el 24% de la población es poseedora de un teléfono celular inteligente.
  • Los usuarios de smartphones son altamente dependientes de sus dispositivos, ya que el 71% acepta que siempre lo llevan consigo y encendido. 
  • Los teléfonos inteligentes, gracias a su portabilidad, pueden ser usados mientras se realizan otras actividades, por ejemplo: el 37% de los usuarios realiza consultas en sus teléfonos mientras miran televisión, 57% mientras escuchan música y 27% mientras leen revistas y periódicos.
  • El 85% de los usuarios realizan búsquedas locales, de los cuales el 64% lo hace al menos una vez por semana y el 39% diariamente.
  • Los usuarios de teléfonos móviles han realizado búsquedas acerca de las siguientes categorías: 36% productos, 29% viajes, 26% restaurantes y bares, 25% ofertas laborales, 16% sobre viviendas y departamentos.
  • Los teléfonos inteligentes son una herramienta muy importante dentro del proceso de compra, ya que el 82% de los usuarios utilizan estos dispositivos para realizar consultas acerca de productos o servicios.
  • El 86% de los usuarios observa los anuncios para celulares.
  • El 25% de los usuarios de Smartphones han realizado alguna compra a través de los mismos.
  • El 31% de los usuarios actuales esperan incrementar el uso de sus teléfonos para acceder a Internet en el futuro.

Todos los elementos mencionados anteriormente son muestra de lo importante que son los teléfonos inteligentes como medio de acceso a Internet. Adicionalmente, es importante mencionar que el 51% de los usuarios sólo consulta la primera página de resultados, lo cual es testigo de la relevancia del posicionamiento en buscadores.

¿Qué ventajas tienen los smartphones sobre los equipos tradicionales?

A pesar de que la web es la misma para todos los dispositivos, los usuarios de Smartphones realizan búsquedas más concretas o altamente correlacionadas a una posible actitud de compra, por ejemplo, la gente que hace consultas acerca de restaurantes o bares es porque muy posiblemente estén pensando en acudir a estos sitios y lo mismo podemos decir acerca de los productos o servicios.

Asimismo, los anuncios para dispositivos móviles nos permiten llegar a un público mucho más específico, además de que nos hace posible el estar cerca de los clientes potenciales tanto dentro como fuera de sus hogares. Adicionalmente al ser las búsquedas, en su mayoría, locales, nos garantiza que la inversión en una página web con diseño responsivo atraerá clientes relevantes en nuestra área de negocios.

Otra ventaja es que los usuarios de teléfonos inteligentes tienen un perfil socioeconómico (+ 5000 ARS) y educativo (50% Universitarios) más alto, lo cual es muestra de un alto poder adquisitivo y una actitud más abierta a las nuevas tecnologías, y en este caso, a nuevos métodos de compra.

Cometario Final:

Contar con un diseño responsivo es cada vez más importante. A pesar de que el mercado en Argentina aún está por detrás de otros países más avanzados, en cuanto a comercio electrónico y uso de Smartphones, es una realidad que en un futuro todos los sitios web deberán contar con esta variante si no quieren perecer dentro del mundo de Internet.

Fuentes:

LEER MÁS