18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

Call: +44 (0) 808 22 444 22 Email: info@hitreach.co.uk

Blog

Home

About

Services

Our Work

Clients

Testimonials

WP Plugins

Resources

Contact

Blogging

You are here: Home / The Anatomy of a Perfect Web Page / Anatoma de la Pgina web Perfecta

Anatoma de la Pgina web Perfecta

18
Share

173
Compartir

35
Like

60
Tw eet

Anatoma de la Pgina web Perfecta (edicin de 2013) es diseado con el fin de presentarte un resumen, una introduccin y recursos ms completos para cada elemento que forma parte de la pgina web perfecta. Dado que el diseo web, la experiencia de usuario, el SEO, la optimizacin de la tasa de conversin y muchas otras actividades se mezclan cada vez ms, tienes que saber cmo todos los elementos de una pgina forman el xito de t sitio web, sea lo que sea t papel en el proceso. Tambin es importante que conozcas los vnculos que existen entre todos estos elementos. Cada seccin es corta y fcil de entender. En esta presentacin se encuentran numerosos enlaces hacia otros sitios web que incluyen recursos exhaustivos y de alta calidad para que puedas aprender ms sobre cada elemento. Esperamos que os guste!

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_

1/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

Diseo & Contenido

01

Llamadas a la accin

02

Posicionamiento interno

03

Marcado

04

05
Cdigo
Tiempos de carga Compresin de imgenes Responsive design HTML5 CSS3

Titular Navegacin Contenido Legibilidad Web Fonts Imgenes Sellos de confianza Migas de pan Videos

Llamada a la accin principal Botones para compartir de las redes sociales Llamadas a la accin secundarias Venta cruzada & Up-selling

Arquitectura del sitio web Estructura de la URL Etiqueta Title Etiqueta Meta Description Etiquetas Header Enlaces contextuales Atributo Alt

Authorship markup Schema.org Migas de pan Markup Atributo Rel=canonical Protocolo Open Graph

04 / Marcado Marcar tus datos permite proporcionar informaciones adicionales a los buscadores para que entiendan mejor el sentido de t contenido. El uso del marcado (en ingls markup) puede ayudarte en obtener rich snippets en las pginas de resultados. Estos ltimos a menudo incrementan la tasa de clics (CTR). Cuando has aadido el marcado a t pgina, puedes comprobar la forma con la cual Google va a interpretarlo con su herramienta test de datos estructurados..

Pie de pgina

Alojamiento de videos &/Mapa 01 Diseo & Contenido del sitio Mapa del 02 / sitio Llamadas a la accin

03 / Posicionamiento interno 04 / Marcado

1 Marcado Authorship

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_

2/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

El marcado Authorship se puede incorporar a t sitio web o a t blog al utilizar la etiqueta rel=author as como un enlace hacia t propio perfil Google+. El marcado Authorship es uno de los microformatos ms interesantes que se ha sido desarrollado stos ltimos aos. En primer lugar, te permite obtener un rich snippet para los autores en las pginas de resultados de Google (incorpora la fotografa as como el nombre del autor a los resultados) lo que es muy eficaz para incrementar la tasa de clics. En segundo lugar, te permite certificar que eres el autor del contenido lo que resulta muy pertinente ms adelante y sobre todo cuando el authorank sea realidad. Google+ representa la red social creada por Google pero adems se dedica en convertirse en su programa de identidad. Su sistema de comprobacin de identidad permite a Google atribuir la autora de un contenido a su propio autor para que ste pueda utilizar seales externas tales como enlaces, shares y el botn de Google+ (+1). De esta forma, Google puede elaborar un perfil para cada autor y atribuirle un nivel de
http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 3/13

05 / Cdigo

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

autoridad relativo a un tema especfico. Los usuarios que se benefician de una alta autoridad pueden luego tener impacto en los resultados de las bsquedas a travs de su contenido, sus enlaces y sus aportaciones sociales. Otros recursos recomendados: Google Authorship Markup: How to Get Your Picture in Search Results de Andy Crestodina What is AuthorRank? de AJ Kohn Author Rank: Facts & Fiction with Mark Traphagen de Max Minzer

2 Schema.org

Schema.org es un proyecto lanzado conjuntamente por los buscadores que tiene un objetivo muy claro: hacer la web ms semntica o ms precisamente organizar la informacin a travs de un grupo comn de esquemas facilitando un marco para estructurar el marcado en la web. Estos esquemas pueden utilizarse con Microdata para describir los tipos de datos que estn en t pgina web lo que permite a los buscadores entender mejor el tema de t contenido as como
http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 4/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

su estructura. El uso del Schema.org puede aportar beneficios importantes ahora y tambin en el futuro (los datos estructurados no son ms que un medio para dar a conocer el desarrollo de la web semntica). Por ejemplo, te permite seleccionar un producto y leer luego un conjunto de comentarios sobre este producto. Cada comentario viene con una puntuacin y aparece tambin estrellitas de votaciones que representan la puntuacin media de todos los comentarios. Esta informacin se puede encontrar en las pginas de resultados de los buscadores bajo la forma de un rich snippet de opiniones:

De la misma forma, puedes marcar t contenido video para generar un rich snippet video:

La mayora de los contenidos son susceptibles de facilitarte un rich snippet porque existen un montn de datos que puedes marcar. Por ejemplo, es posible marcar las pelculas con el fin de facilitar informaciones relativas al realizador y a los actores; recetas para agregar informaciones nutricionales; autores para que aparezcan nombres de oficios o tambin para incluir datos geogrficos. El marcado schema.org
http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 5/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

puede ayudarte a elevar t posicin en los SERPs y darte as una ventaja competitiva importante. Otros recursos recomendados: Micro Data & Schema.org: Guide to Generating Rich Snippets de Daniel Butler An SEOs Guide to Schema.org de Courtney Seiter How to Use Schema.org Markup for Your Videos de Dean Marsden

3 Migas de pan (marcado)

A los buscadores le gusta la incorporacin de las migas de pan de la navegacin de t sitio web porque constituye una ventaja para los usuarios por eso fomentan su uso con los rich snippets en los SERPs. En efecto, las migas de pan no slo esclarecen el sitio web, sino que permiten tambin incorporar enlaces adicionales (en los que se puede hacer clic) hacia otras pginas de t sitio web.

En esta ilustracin, se nota que adems del enlace principal del

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 6/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

resultado, Tripadvisor tiene dos enlaces adicionales en los que el internauta puede hacer clic. Con el fin de integrar el marcado de las migas de pan puedes utilizar el vocabulario del schema.org , o simplemente testear el generador de cdigo (fcil de usar) de Patrick Sexton cuyo enlace est abajo. Otros recursos recomendados: Rich Snippet Breadcrumb Code Generator de Patrick Sexton Beyond Rich Snippets: Semantic Web Technologies for Better SEO d Aaron Bradley

4 Atributo Rel=canonical

Cuando se quiere respectar las buenas prcticas del posicionamiento orgnico, hace falta evitar la duplicacin de contenido. Sin embargo, a veces la duplicacin resulta inevitable como por ejemplo cuando se quiere clasificar su contenido de distintas formas. En este caso, se utiliza la etiqueta rel=canonical para diferenciar los contenidos duplicados. Esta etiqueta da una autoridad a una de las versiones en particular.
http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 7/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

Entre el conjunto de las pginas con contenidos duplicados, es posible determinar qu pgina tiene que ser la versin cannica al utilizar el atributo rel=canonical . Con este atributo, t dices a Google que prefieres esta pgina para que el buscador slo indexe y publica la versin cannica. El marcado es facilsimo, basta con aadir una etiqueta en la seccin de todas las pginas no cannicas. Para resumir, en una pgina no titular como http://www.example.com/electronics/samsungtv, indicas la versin cannica de la forma siguiente:
< l i n kr e l = " c a n o n i c a l "h r e f = " h t t p : / / w w w . e x a m p l e . c o m / s a m s u n g / s a m s u n g t v " / >

Las plataformas CMS a menudo generan problemas de duplicacin porque crean categoras con contenidos muy parecidos. Sin embargo, los sistemas ms modernos te permiten especificar las URL cannicas directamente al final. Otros recursos recomendados: Canonicalization SEO Best Practices de SEOmoz 5 Common Mistakes With rel=canonical de Allan Scott A Beginners Explanation to Rel Canonical Tags de Luke Summerfield

5 Protocolo Open Graph

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 8/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

Aunque no tiene realmente un impacto en el posicionamiento orgnico, el protocolo Open Graph (que es al origen una iniciativa lanzada por Facebook) te permite controlar el diseo de t contenido cuando se comparte en las redes sociales. Al igual que utilizas las etiquetas META para decir a los buscadores qu ttulo y qu descripcin tienen que publicar, puedes utilizar las etiquetas Open Graph para informar Facebook, Google+ y Twitter de la manera con la cual tienen que publicar t contenido cuando los usuarios lo comparten. Estas etiquetas te permiten de dar informaciones muy precisas tales como el ttulo, la descripcin y la imagen (una vieta personalizada por ejemplo). Tambin puedes aadir informaciones personales como t regin, tus datos de contactos o pgina de t sitio web.

Las Twitter cards te permiten poner en luz los tweets largos que Twitter crea
http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 9/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

para t sitio cuando un usuario comparte el enlace de una de tus pginas web. Las Twitter cards son simplemente un grupo de etiquetas meta cuyo objetivo consiste en definir el reparto de datos, pero muchas de estas etiquetas se refieran en realidad a los datos del Open Graph. Otros recursos recomendados: Rock Your SEO with Structured Social Sharing de Dana Lookadoo Twitter Cards in Action de Joost de Valk Seccin precedente: 03 / Posicionamiento interno Seccin siguiente: 05 / Cdigo

Comments
posicionamiento de pginas web says: October 9, 2013 at 5:02 am

Enlaces web SEO para mejorar el posicionamiento de pginas web puede encontrar en PosicionamientodeUnaWeb.com desde 49,90. Reply

Leave a comment
Name * Email *
http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_ 10/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

Website

six +

=9

Post Comment

Notify me of follow-up comments via e-mail

What Our Clients Say

James Agate Managing Director Skyrocket SEO Chris and his team are patient, responsive and have a sense of humour even when I asked them to change something that I'd insisted upon initially. Would definitely recommend to anyone looking for an awesome WordPress development and design team. Richard Sedley Director Seren Hit Reach were really easy to deal with and provide exemplary service. They implemented exactly what we wanted and guided us when we were uncertain about the solution. A highly professional and cost effective solution what's not to love. Roger Green Director

Best4tyres.com Hit Reach got it absolutely right. They embraced the challenge and complexity of the site, and exceeded expectation with quick response times and great service.

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_

11/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

Recent Blog Posts

The Porn Viewing Habits of Scots

January 8, 2014 by Chris Dyson

Optimise This with Mat Bennett of OKO Digital

December 20, 2013 by Patrick Hathaway

Interview with JohnHenry Scherck from SEO Gadget

November 30, 2013 by Chris Dyson

Pornhub the worlds largest porn site and one of the top 100 most trafficed sites in the world have released data insights on their UK audience. As we like
Read more

In our latest episode of Optimise This I was joined by Mat Bennett from OKO Digital talking about their recent rebranding and the new Google Adsense
Read more

For this Blogvember feature, I had the pleasure of interviewing John-Henry Scherck from SEO Gadget about free tools, scraping and much more.The answers
Read more

Lets Talk
Want to chat about your project or requirements? If you call now you can talk to me directly: Call +44 (0) 808 22 444 22 and ask for Chris Email: chris.gilchrist@hitreach.co.uk Drop in: Hit Reach, Unit 16c, City Quay, Camperdown St, Dundee, DD1 3JA, United Kingdom

We build high quality, cost effective & SEO friendly websites that you can easily update & manage
Unlike other web design companies who just build you a site, we strive to understand your core challenges first and then our team of web designers work passionately with you to develop tools that help you deliver real business solutions. Learn more about us

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_

12/13

18/1/2014

Anatoma de la Pgina web Perfecta - Hit Reach

COMPANY
About Us

SERVICES
Website Design Website Reviews

BITS & PIECES

Our Work Clients Testimonials Blog WordPress Plugins Resources Link Club Blogging

WEBSITE
Terms & Conditions Privacy Policy Disclaimer

Copyright 2013 Hit Reach

Connect with us:

Core Values

Meet the Team Search Engine Optimisation Available Positions SEO Training Giving Back Contact Us White Label Agreements

http://www.hitreach.co.uk/perfect-web-page/anatomia-de-la-pagina-web-perfecta/#t4_

13/13