Jump to content

Como poner etiqueta H1 y H2

xavivila

By xavivila
in Discusión general

 Share

Recommended Posts

nadie Rookie

nadie

Posted
Posted

Buenas noches,

 

He estado analizando mi web y para tema de posicionamientos no tengo bien el tema de las etiquetas Título, H1 y H2 y la verdad que no se bien como hacerlo.

 

Alguien me podría ayudar porfavor?

 

Saludos y gracias de antemano

 

Tendras que editar los tpls de los modulos correspondientes, y cambiar algunas etiquetas a h3, h2, h1 (Depende como lo quieras orientar) (Por ejemplo nombre titulos de los productos en el bloque de productos destacados a h2 ect.., depende como lo quieras orientar)

 

Un Saludo,

Link to comment
Share on other sites
Victor Castro Contreras Newbie

Victor Castro Contreras

Posted
Posted

Claro, y ya que estas modificando tu TPL aprovecha en añadirle los "Microdatos"

 

Referencia: http://www.w3.org/TR/2011/WD-microdata-20110525/

 

 

The basic syntax

This section is non-normative.

At a high level, microdata consists of a group of name-value pairs. The groups are called items, and each name-value pair is a property. Items and properties are represented by regular elements.

To create an item, the itemscope attribute is used.

To add a property to an item, the itemprop attribute is used on one of the item's descendants.

Here there are two items, each of which has the property "name":

<div itemscope>

<p>My name is <span itemprop="name">Elizabeth</span>.</p>

</div>

 

<div itemscope>

<p>My name is <span itemprop="name">Daniel</span>.</p>

</div>

Properties generally have values that are strings.

Here the item has three properties:

<div itemscope>

<p>My name is <span itemprop="name">Neil</span>.</p>

<p>My band is called <span itemprop="band">Four Parts Water</span>.</p>

<p>I am <span itemprop="nationality">British</span>.</p>

</div>

Properties can also have values that are URLs. This is achieved using the a element and its href attribute, the img element and its src attribute, or other elements that link to or embed external resources.

In this example, the item has one property, "image", whose value is a URL:

<div itemscope>

<img itemprop="image" src="google-logo.png" alt="Google">

</div>

Properties can also have values that are dates, times, or dates and times. This is achieved using the time element and its datetime attribute.

In this example, the item has one property, "birthday", whose value is a date:

<div itemscope>

I was born on <time itemprop="birthday" datetime="2009-05-10">May 10th 2009</time>.

</div>

Properties can also themselves be groups of name-value pairs, by putting the itemscope attribute on the element that declares the property.

Items that are not part of others are called top-level microdata items.

In this example, the outer item represents a person, and the inner one represents a band:

<div itemscope>

<p>Name: <span itemprop="name">Amanda</span></p>

<p>Band: <span itemprop="band" itemscope> <span itemprop="name">Jazz Band</span> (<span itemprop="size">12</span> players)</span></p>

</div>

The outer item here has two properties, "name" and "band". The "name" is "Amanda", and the "band" is an item in its own right, with two properties, "name" and "size". The "name" of the band is "Jazz Band", and the "size" is "12".

The outer item in this example is a top-level microdata item.

Properties that are not descendants of the element with the itemscope attribute can be associated with the item using the itemref attribute. This attribute takes a list of IDs of elements to crawl in addition to crawling the children of the element with the itemscopeattribute.

This example is the same as the previous one, but all the properties are separated from their
:

<div itemscope id="amanda" itemref="a b"></div>

<p id="a">Name: <span itemprop="name">Amanda</span></p>

<div id="b" itemprop="band" itemscope itemref="c"></div>

<div id="c">

<p>Band: <span itemprop="name">Jazz Band</span></p>

<p>Size: <span itemprop="size">12</span> players</p>

</div>

This gives the same result as the previous example. The first item has two properties, "name", set to "Amanda", and "band", set to another item. That second item has two further properties, "name", set to "Jazz Band", and "size", set to "12".

An item can have multiple properties with the same name and different values.

This example describes an ice cream, with two flavors:

<div itemscope>

<p>Flavors in my favorite ice cream:</p>

<ul>

<li itemprop="flavor">Lemon sorbet</li>

<li itemprop="flavor">Apricot sorbet</li>

</ul>

</div>

This thus results in an item with two properties, both "flavor", having the values "Lemon sorbet" and "Apricot sorbet".

An element introducing a property can also introduce multiple properties at once, to avoid duplication when some of the properties have the same value.

Here we see an item with two properties, "favorite-color" and "favorite-fruit", both set to the value "orange":

<div itemscope>

<span itemprop="favorite-color favorite-fruit">orange</span>

</div>

It's important to note that there is no relationship between the microdata and the content of the document where the microdata is marked up.

There is no semantic difference, for instance, between the following two examples:

<figure>

<img src="castle.jpeg">

<figcaption><span itemscope><span itemprop="name">The Castle</span></span> (1986)</figcaption>

</figure>

<span itemscope><meta itemprop="name" content="The Castle"></span>

<figure>

<img src="castle.jpeg">

<figcaption>The Castle (1986)</figcaption>

</figure>

Both have a figure with a caption, and both, completely unrelated to the figure, have an item with a name-value pair with the name "name" and the value "The Castle". The only difference is that if the user drags the caption out of the document, in the former case, the item will be included in the drag-and-drop data. In neither case is the image in any way associated with the item.
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hablando de microdatos, mirate estos posts tambien:

 

http://www.prestasho...on-breadcrumbs/ -> Fragmentos enriquecidos en google para las rutas de navegación

 

http://www.prestasho...e-organizacion/ -> Fragmentos Enriquecidos en Google para Microdatos de Organización

 

http://www.prestasho...es-de-clientes/ -> Fragmentos enriquecidos en Google para opiniones de clientes

 

http://www.prestasho...-para-productos -> Fragmentos enriquecidos en Google con RDFa para productos

 

http://www.prestashop.com/forums/topic/168010-google-rich-snippets -> Google - Rich Snippets

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Si, es www.love.sensations.com

 

perdona

 

www.love-sensations.com

 

Atención, ejemplo real basado exclusivamente en tu tienda.

 

-------------------------------------------------------

 

Por ejemplos los titulos de productos destacados los tienes en h5, vamos a cambiarlos a h2, sin que el usuario note que lo has cambiado a h2

 

Fichero:

 

/themes/prestashop_new/modules/homefeatured/homefeatured.tpl

 

Busca esto:

 

<h5><a href="{$product.link}" title="{$product.name|truncate:29:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:31:'...'|escape:'htmlall':'UTF-8'}</a></h5>

 

Y déjalo así:

 

 

<h2><a href="{$product.link}" title="{$product.name|truncate:29:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:31:'...'|escape:'htmlall':'UTF-8'}</a></h2>

 

Despues en el fichero:

 

/themes/prestashop_new/css/global.css

 

Busca esto:

 

#featured-products_block_center h5 {
padding-top: 5px;
height: 30px;
font-size: 12px;
color: #222;
}

 

Y dejalo asi:

 

#featured-products_block_center h2 {
padding-top: 5px;
height: 30px;
font-size: 12px;
color: #222;
}

 

PD: Esto ultimo para que el usuario no note que has cambiado el titulo a h2 por que sino, lo veria enorme.

  • Like 1
Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Ya esta hecho..

 

Con esto hemos cambiado los productos destacados entonces?

 

Si aunque, se te ha olvidado forzar compilación, por que yo el código en tu tienda lo sigo viendo igual que antes... fuerza compilación para que se apliquen los cambios.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Que crees que tendría de cambiar más para dejarlo bien? Te agradecería tu ayuda ya que por lo que veo es complicado y por mi solo no me veo capaz de hacerlo sinceramente...

 

Depende como lo quieras orientar yo te he ayudado a cambiar los h5 de los productos destacados a h2 (me he molestado en ver tu tienda y en proporcionarte las instrucciones para cambiar el h5 por el h2, y lo has cambiado en los títulos de los productos destacados, ya todo lo otro depende de ti, te recomiendo leer la guía seo de prestashop: http://www.prestashop.com/es/white-paper-seo te ayudara a tomar las decisiones en cuestión. )

Link to comment
Share on other sites
  • 2 months later...
jmcamps Newbie

jmcamps

Posted
Posted

Hola Nadie,

 

Gracias por el aporte.

 

He seguido tus pasos y el problema que tengo es que el Tag h2 solo me lo está aplicando al último producto destacado entrado, no a todos. ¿Qué debería cambiar para tener múltiples h2 tags, cada uno de ellos aplicado a cada producto destacado mostrado en la home?.

 

Si esto no es posible, se me había ocurrido aplicar el h2 a la nube de etiquetas, no se si será incluso mejor para SEO que aplicarlo en los productos destacados, ¿podrías darme tu opinión y si ves mejor hacerlo en la nube de etiquetas, indicarme que debo tocar en el tpl del bloque de etiquetas para activas el h2?

 

Gracias.

Link to comment
Share on other sites
nadie Rookie

nadie

Posted
Posted

Hola Nadie,

 

Gracias por el aporte.

 

He seguido tus pasos y el problema que tengo es que el Tag h2 solo me lo está aplicando al último producto destacado entrado, no a todos. ¿Qué debería cambiar para tener múltiples h2 tags, cada uno de ellos aplicado a cada producto destacado mostrado en la home?.

 

 

¿No te lo esta aplicando a todos los productos destacados?

 

Coloca la url de tu tienda, que vea lo que te ha pasado.

 

Supongo, que te has leido la explicación que di unos mensajes anteriores:

 

Es decir este: (Es un ejemplo de 11 de noviembre del 2012) (Con la versión 1.4 de prestashop, bajo la plantilla prestashop_new que tenia sobreescrito el modulo de productos destacados en la plantilla)

 

 

Atención, ejemplo real basado exclusivamente en tu tienda.

 

-------------------------------------------------------

 

Por ejemplos los titulos de productos destacados los tienes en h5, vamos a cambiarlos a h2, sin que el usuario note que lo has cambiado a h2

 

Fichero:

 

/themes/prestashop_new/modules/homefeatured/homefeatured.tpl

 

Busca esto:

 

<h5><a href="{$product.link}" title="{$product.name|truncate:29:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:31:'...'|escape:'htmlall':'UTF-8'}</a></h5>

 

Y déjalo así:

 

 

<h2><a href="{$product.link}" title="{$product.name|truncate:29:'...'|escape:'htmlall':'UTF-8'}">{$product.name|truncate:31:'...'|escape:'htmlall':'UTF-8'}</a></h2>

 

Despues en el fichero:

 

/themes/prestashop_new/css/global.css

 

Busca esto:

 

#featured-products_block_center h5 {
padding-top: 5px;
height: 30px;
font-size: 12px;
color: #222;
}

 

Y dejalo asi:

 

#featured-products_block_center h2 {
padding-top: 5px;
height: 30px;
font-size: 12px;
color: #222;
}

 

PD: Esto ultimo para que el usuario no note que has cambiado el titulo a h2 por que sino, lo veria enorme.

 

 

Fuente: http://www.prestasho...ost__p__1000627

 

----

 

Posiblemente si usas una versión posterior, los cambios sean diferentes.

Link to comment
Share on other sites
  • 2 months later...
Guest
This topic is now closed to further replies.
 Share
Go to topic listing
×
×
  • Create New...