Analizando etiquetas HEAD de códigos fuente. Página de inicio de Apple.com.


Steve & Apple Inc.

Steve & Apple Inc. (Photo credit: marcopako )

Inauguro una nueva sección en I love Google´s Robot que espero os guste.

Quiero ir analizando la etiqueta HEAD de Webs líderes y que mejor que comenzar por la Web del gigante Apple, la manzana del genio Steve Jobs.

 

 

 

Etiqueta Head de Apple.com :

La característica principal de la etiqueta Head en la página principal de Apple.com es su gran simplicidad:

En las metatags:

<meta name=”omni_page” content=”Apple – Index/Tab” />

<meta name=”Keywords” content=”Apple” />

(Sólo una keyword. No le hace falta ninguna más)

<meta name=”Description” content=”Apple designs and creates iPod and iTunes, Mac laptop and desktop computers, the OS X operating system, and the revolutionary iPhone and iPad.” />

(En la metatag de la descripción: Apple designa y crea el Ipod y el Itunes, el Mac portatil y los ordenadores de sobremesa, el sistema operativo OS X  y los revolucionarios Iphone y Ipad) Un resumen nítido y conciso de los principales productos del gigante.

En los enlaces:

<link rel=”home” href=”http://www.apple.com/&#8221; />

El enlace de la página principal o home.

<link rel=”alternate” type=”application/rss+xml” title=”RSS” href=”http://images.apple.com/main/rss/hotnews/hotnews.rss&#8221; />

El enlace a alternativo al RSS.

<link rel=”index” href=”http://www.apple.com/sitemap/&#8221; />

El enlace índice, al sitemap.

Luego están debidamente ordenados los los enlaces de estilo o style links, donde se definen los estilos de la página sin necesidad de especificarlos en el código fuente principal:

<link rel=”stylesheet” href=”http://images.apple.com/global/styles/base.css&#8221; type=”text/css” />

<link rel=”stylesheet” href=”http://images.apple.com/v/home/k/styles/home.css&#8221; type=”text/css” />
<link rel=”stylesheet” href=”http://images.apple.com/home/styles/home.css&#8221; type=”text/css” />
<link rel=”stylesheet” href=”http://images.apple.com/v/home/k/styles/billboard.css&#8221; type=”text/css” />
<link rel=”stylesheet” href=”http://images.apple.com/home/styles/billboard.css&#8221; type=”text/css” />

Por último están las etiquetas SCRIPT SRC que son aquellas que se utilizan para introducir comandos de Javascript sin necesidad de especificarlos en HTML.

<script src=”http://images.apple.com/global/scripts/lib/prototype.js&#8221; type=”text/javascript” charset=”utf-8″></script>
<script src=”http://images.apple.com/global/scripts/lib/scriptaculous.js&#8221; type=”text/javascript” charset=”utf-8″></script>
<script src=”http://images.apple.com/global/scripts/browserdetect.js&#8221; type=”text/javascript” charset=”utf-8″></script>
<script src=”http://images.apple.com/global/scripts/apple_core.js&#8221; type=”text/javascript” charset=”utf-8″></script>
<script src=”http://images.apple.com/global/scripts/search_decorator.js&#8221; type=”text/javascript” charset=”utf-8″></script>
<script src=”http://images.apple.com/global/ac_retina/ac_retina.js&#8221; type=”text/javascript” charset=”utf-8″></script>

<script src=”http://images.apple.com/global/scripts/promomanager.js&#8221; type=”text/javascript” charset=”utf-8″></script>
<script type=”text/javascript”>
Event.onDOMReady(function() {
new AC.PromoManager(‘home-promo-rotate-20120618’, ‘promo-rotate’);
});
</script>

Lo dicho, la simplicidad al poder. Limpia, concisa y clara.

carlosarauZ

Acerca de arauzcarlos

Licenciado en Derecho. Director de Seguridad. Master en Prevención de Riesgos Laborales. Community Manager. Carlos Arauz en Google
Esta entrada fue publicada en Posicionamiento SEO y etiquetada , , , , , . Guarda el enlace permanente.

2 respuestas a Analizando etiquetas HEAD de códigos fuente. Página de inicio de Apple.com.

  1. Honestamente, me ha sorprendido y entusiasmado en el mismo
    grado

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s