Jump to content

Etiquetas H2,H3... en Prestashop

finish28

By finish28
in Discusión general

 Share

Recommended Posts

finish28 Newbie

finish28

Posted
Posted (edited)

Buenas noches, llevo bastante rato mirando por google como solucionar el tema de las etiquetas H2 y H3 en mi web, y la verdad que por mas que leo no se por donde empezar. Alguien con conocimiento me puede decir si me lo han hecho correctamente o donde debo de tocar para mejorarlo?

 

Dejo mi web por si alguien se anima a ayudarme.: http://goo.gl/pwSkt4

 

 

Gracias!!

Edited by finish28 (see edit history)
Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted (edited)

q problema tienes con las etiquetas?

 

Te pongo un ejemplo. En la web hay muchas categorías, hablamos de Pulseras de plata, pues bien, la H2 de esa categoría actualmente sale: Producto añadido correctamente a su carrito de compra y también: Hay 0 artículos en su carrito. Hay 1 artículo en su cesta. No hay forma de editar algún .TPL y que tome las H2 del nombre de la categoría??, aunque tuviera que editarlas una a una a mano. Otra posible solución sería como añadir una etiqueta H1 a las categorías de la web, he visto que con el módulo contentbox sería posible, pero no he encontrado ningún ejemplo de como hacerlo. Actualmente en ese modulo tengo las palabras clave de mi pagina principal.

 

No se si me explico.

Gracias!

Edited by finish28 (see edit history)
Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

Lo que buscas es algo parecido a lo que hay en esta web? http://www.hobbymur.com

 

Pues la verdad no se como ver las etiquetas H que tiene en las categorías, pero si la pones como ejemplo imagino que será algo por el estilo. Una cosa que si he visto que tiene y me gustaría eliminar de la mía es el número de la categoría, en la web que muestras no sale y en la mía si. Lo de las etiquetas H, sabes como podría hacerlo?

 

Saludos!

Link to comment
Share on other sites
Eusebio100 Newbie

Eusebio100

Posted
Posted

Si no ves las etiquetas de la web de ejemplo, ¿como ves las de tu web?  Con la mayoría de los analizadores seo puedes verlo, puedes instalar uno en tu navegador o usar uno online, hay muchos.

Para poner o quitar encabezados h1, h2..... hay que modificar los tpl y en algunos casos también los estilos. En este caso serían los tpl de productos, categorías, bloque de categorías y carrito. También se pueden poner h2, h3.... en la descripción de los productos.

 

Lo del nº de categoría es otra cosa, hay un módulo gratuito que puedes encontrar por el foro de módulos gratis (jodido de instalar/desinstalar) que no a todo el mundo le funciona, también hay módulos de pago que no son caros, del oreden de los 15€.

Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted (edited)

Si no ves las etiquetas de la web de ejemplo, ¿como ves las de tu web?  Con la mayoría de los analizadores seo puedes verlo, puedes instalar uno en tu navegador o usar uno online, hay muchos.

Para poner o quitar encabezados h1, h2..... hay que modificar los tpl y en algunos casos también los estilos. En este caso serían los tpl de productos, categorías, bloque de categorías y carrito. También se pueden poner h2, h3.... en la descripción de los productos.

 

Lo del nº de categoría es otra cosa, hay un módulo gratuito que puedes encontrar por el foro de módulos gratis (jodido de instalar/desinstalar) que no a todo el mundo le funciona, también hay módulos de pago que no son caros, del oreden de los 15€.

 

 

Pues veo la de mi web porque uso un programa SEO muy bueno para eso. Tienes razón, si puedo ver también las de la web de ejemplo con el mismo programa, no había caído jeje. Es justo lo que necesito, todas las H1 y H2 de cada categoría y demás bien organizadas y puestas con sus palabras clave. He buscado en los .tpl de productos y categorías y no hay ninguna linea que incluya el h2 para poder modificar el texto y ponerlo como la web que tu me enseñas. Igual digo barbaridades, pero es lo que tiene ser un novato con ganas de aprender y mejorar. Buscaré el modulo que comentas de unos 15 euros, no me parece nada caro si cumple su cometido.

 

Como puedo hacerlo??. Gracias por ayudarme.

Edited by finish28 (see edit history)
Link to comment
Share on other sites
Eusebio100 Newbie

Eusebio100

Posted
Posted

Estoy fuera con un portatil, así que voy a tirar de memoria, por lo que puede que me equivoque. Para quitar (si quieres) las h2 del carrito tienes que borrarlas de blockcart.tpl (en el tema que tengas); para poner h2 y h3 en el bloque de categorías tienes que modificar los tpl de blockcategories (también en tu tema), fíjate en el código de la web que te he puesto y lo haces igual; para poner los h1 y h2 en las categorías tienes que modificar categories.tpl de tu tema.

 

En cuanto al módulo para optimizar las url que conozco es el de alabaz, pero hay otros.

 

Siento no poder ayudar más hoy, tal vez alguien del foro pueda echarte una mano, si no el lunes estaré de vuelta y trataré de sacar un hueco.

  • Like 1
Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

Gracias Eusebio, voy a intentar ir haciendo lo q me comentas. Lo único q tengo dudas es q en los tpl q me comentas hay muy poco código html y no veo donde quitar y poner las etiquetas. Te agradecería si el lunes tienes un hueco me pudieras guiar. Estoy seguro q a la q aprenda a modificar un tpl los otros ya será coser y cantar.

 

Muchas gracias por tu ayuda, es muy de agradecer

Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted (edited)

Bueno, sigo liado con el tema y me estoy volviendo loco jejeje, es increíble cuando uno desconoce un campo lo que tarda en dar un paso... Para añadir las H1 y H2 de las categorías, me voy al category.tpl de mi tema y no se donde incluir la etiqueta H1 por ejemplo para "Pulseras de plata". Claro, tengo unas 10 categorías en la web, como hago para poner una etiqueta H1 para cada categoría dentro del Category.tpl??. Me gustaría empezar por arreglar las etiquetas H1 y H2 de cada categoría y después ya miraría la de los productos.

 

Pongo una captura de pantalla para ver si es ahí donde he de poner las etiquetas.

 

jzuqlc.jpg

 

Intento mirar el código fuente de la web que me pusiste y veo la H1, pero no se en que parte he de insertarlo en mi web. Siento la torpeza, pero no doy con ello

 

Saludos!

Edited by finish28 (see edit history)
Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

Por favor, siento la insistencia, pero llevo meses detrás de solucionar esto y no acabo de entender como tengo que hacerlo. No entiendo por ejemplo si tengo las 16 categorías creadas como hago una etiqueta H2 que sirva para todas ellas dentro del Category.tpl y justo donde lo inserto. Imagino que una vez aprenda a hacer esto en los productos será muy similar y sabré por donde tengo que tirar.

 

Llevo leyendo por google y no encuentro como hacerlo, no es por comodidad jejeje.

 

Agradecería cualquier tipo de ayuda para poder seguir, por favor.

 

Gracias!

Link to comment
Share on other sites
Eusebio100 Newbie

Eusebio100

Posted
Posted

Creo que eso lo tienes bastante fácil, si inspeccionas el código de la web de ejemplo verás que el título de la categoría está dentro de h1 y la descripción dentro de h2, sin embargo en tu web el título tiene asignada la clase category-name y el h1 está desplazado hácia la descripción y vacío. tendrás que estructurar el contenido y poner h1 y h2 donde corresponda, y si quieres que no cambie el aspecto también tendrás que asignarle un estilo o mejor una clase en el archivo css.

Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

Creo que eso lo tienes bastante fácil, si inspeccionas el código de la web de ejemplo verás que el título de la categoría está dentro de h1 y la descripción dentro de h2, sin embargo en tu web el título tiene asignada la clase category-name y el h1 está desplazado hácia la descripción y vacío. tendrás que estructurar el contenido y poner h1 y h2 donde corresponda, y si quieres que no cambie el aspecto también tendrás que asignarle un estilo o mejor una clase en el archivo css.

 

uff, así el tema es mas complicado todavía. Me temo que voy a tener que contratar a un profesional para que me lo solucione, con esto ultimo que me has comentado me has matado jejeje. Yo no entiendo de códigos html ni estructuras, pensé que sería algún copia/pega en algún lugar del archivo .tpl y lo podría solucionar.

 

No se por donde tirar y miedo me da de estropear lo que tengo. Te dejo un privado, Eusebio.

 

gracias!

Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

Bueno, Pues aquí sigo con el tema. Pego aquí como es mi archivo category.tpl para ver si alguien puede decirme como solucionar el problema del las etiquetas H1 y H2:

 

{*

* 2007-2014 PrestaShop
*
* NOTICE OF LICENSE
*
* This source file is subject to the Academic Free License (AFL 3.0)
* that is bundled with this package in the file LICENSE.txt.
* It is also available through the world-wide-web at this URL:
* If you did not receive a copy of the license and are unable to
* obtain it through the world-wide-web, please send an email
* to [email protected] so we can send you a copy immediately.
*
* DISCLAIMER
*
* Do not edit or add to this file if you wish to upgrade PrestaShop to newer
* versions in the future. If you wish to customize PrestaShop for your
* needs please refer to http://www.prestashop.com for more information.
*
*  @author PrestaShop SA <[email protected]>
*  @copyright  2007-2014 PrestaShop SA
*  @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
*  International Registered Trademark & Property of PrestaShop SA
*}
{include file="$tpl_dir./errors.tpl"}
{if isset($category)}
{if $category->id AND $category->active}
    {if $scenes || $category->description || $category->id_image}
<div class="content_scene_cat">
            {if $scenes}
                  <div class="content_scene">
                        <!-- Scenes -->
                        {include file="$tpl_dir./scenes.tpl" scenes=$scenes}
                        {if $category->description}
                            <div class="cat_desc rte">
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short">{$description_short}</div>
                                <div id="category_description_full" class="unvisible">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category.link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div>{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                    </div>
{else}
                    <!-- Category image -->
                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;"{/if}>
                        {if $category->description}
                            <div class="cat_desc">
                            <span class="category-name">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </span>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte">{$category->description}</div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>
{/if}
<h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"><span class="cat-name">{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'}{/if}</span>{include file="$tpl_dir./category-count.tpl"}</h1>
{if isset($subcategories) && false} 
<!-- Subcategories -->
<div id="subcategories">
<p class="subcategory-heading">{l s='Subcategories'}</p>
<ul class="clearfix">
{foreach from=$subcategories item=subcategory}
<li>
                <div class="subcategory-image">
<a href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}" title="{$subcategory.name|escape:'html':'UTF-8'}" class="img">
{if $subcategory.id_image}
<img class="replace-2x" src="{$link->getCatImageLink($subcategory.link_rewrite, $subcategory.id_image, 'medium_default')|escape:'html':'UTF-8'}" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
{else}
<img class="replace-2x" src="{$img_cat_dir}default-medium_default.jpg" alt="" width="{$mediumSize.width}" height="{$mediumSize.height}" />
{/if}
</a>
                    </div>
<h5><a class="subcategory-name" href="{$link->getCategoryLink($subcategory.id_category, $subcategory.link_rewrite)|escape:'html':'UTF-8'}">{$subcategory.name|truncate:25:'...'|escape:'html':'UTF-8'|truncate:350}</a></h5>
{if $subcategory.description}
<div class="cat_desc">{$subcategory.description}</div>
{/if}
</li>
{/foreach}
</ul>
</div>
{/if}
{if $products}
<div class="content_sortPagiBar clearfix">
            <div class="sortPagiBar clearfix">
            {include file="./product-sort.tpl"}
                {include file="./nbr-product-page.tpl"}
</div>
                <div class="top-pagination-content clearfix">
                {include file="./product-compare.tpl"}
{include file="$tpl_dir./pagination.tpl"}
                </div>
</div>
{include file="./product-list.tpl" products=$products}
<div class="content_sortPagiBar">
<div class="bottom-pagination-content clearfix">
{include file="./product-compare.tpl" paginationId='bottom'}
                    {include file="./pagination.tpl" paginationId='bottom'}
</div>
</div>
{/if}
{elseif $category->id}
<p class="alert alert-warning">{l s='This category is currently unavailable.'}</p>
{/if}
{/if}
 
 
Gracias y un saludo!
Link to comment
Share on other sites
Eusebio100 Newbie

Eusebio100

Posted
Posted (edited)

No lo he probado, no tengo tiempo, pero sustituye este bloque de código en category.tpl y mira a ver que tal:

<!-- Category image -->
                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;"{/if}>
                        {if $category->description}
                            <div class="cat_desc">
                            <h1 style="font-weight:600; line-height:50px; font-family:'Open Sans',sans-serif; color:#FFFFFF;">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </h1>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte"><h2 style="font-size:12px;">{$category->description}</h2></div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>
{/if}
<!-- <h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"><span class="cat-name">{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'}{/if}</span>{include file="$tpl_dir./category-count.tpl"}</h1> -->
{if isset($subcategories) && false} 
<!-- Subcategories -->
Edited by Eusebio100 (see edit history)
Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

 

No lo he probado, no tengo tiempo, pero sustituye este bloque de código en category.tpl y mira a ver que tal:

<!-- Category image -->
                    <div class="content_scene_cat_bg"{if $category->id_image} style="background:url({$link->getCatImageLink($category->link_rewrite, $category->id_image, 'category_default')|escape:'html':'UTF-8'}) 0 top no-repeat; background-size:contain; min-height:{$categorySize.height}px;"{/if}>
                        {if $category->description}
                            <div class="cat_desc">
                            <h1 style="font-weight:600; line-height:50px; font-family:'Open Sans',sans-serif; color:#002A00;">
                                {strip}
                                    {$category->name|escape:'html':'UTF-8'}
                                    {if isset($categoryNameComplement)}
                                        {$categoryNameComplement|escape:'html':'UTF-8'}
                                    {/if}
                                {/strip}
                            </h1>
                            {if Tools::strlen($category->description) > 350}
                                <div id="category_description_short" class="rte">{$description_short}</div>
                                <div id="category_description_full" class="unvisible rte">{$category->description}</div>
                                <a href="{$link->getCategoryLink($category->id_category, $category->link_rewrite)|escape:'html':'UTF-8'}" class="lnk_more">{l s='More'}</a>
                            {else}
                                <div class="rte"><h2 style="font-size:12px;">{$category->description}</h2></div>
                            {/if}
                            </div>
                        {/if}
                     </div>
                  {/if}
            </div>
{/if}
<!-- <h1 class="page-heading{if (isset($subcategories) && !$products) || (isset($subcategories) && $products) || !isset($subcategories) && $products} product-listing{/if}"><span class="cat-name">{$category->name|escape:'html':'UTF-8'}{if isset($categoryNameComplement)} {$categoryNameComplement|escape:'html':'UTF-8'}{/if}</span>{include file="$tpl_dir./category-count.tpl"}</h1> -->
{if isset($subcategories) && false} 
<!-- Subcategories -->

Bienas Eusebio, muchas gracias por tu tiempo. He cambiado la parte de código que me has puesto y sigue saliendo en h2 y h1 lo mismo en las categorías. Lo único que ha cambiado ha sido el color de la fuente de las categorías, que ahora se ve verde en un fondo gris, antes era de otro color. Puedes mirar a ver si hay que modificar algo en el código que me has puesto a ver si se arregla?

 

Muchas gracias!

Link to comment
Share on other sites
Eusebio100 Newbie

Eusebio100

Posted
Posted

Lo del color ha sido un error mio y ya está corregido en el código que he puesto antes, pero.... ¿que es lo que quieres poner en h1 y en h2? es que no entiendo lo que quieres hacer, de hecho yo solo he añadido h2 que no lo tenías y el h1 lo he cambiado de sitio pero con el mismo contenido.

Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted (edited)

Lo del color ha sido un error mio y ya está corregido en el código que he puesto antes, pero.... ¿que es lo que quieres poner en h1 y en h2? es que no entiendo lo que quieres hacer, de hecho yo solo he añadido h2 que no lo tenías y el h1 lo he cambiado de sitio pero con el mismo contenido.

No, perdón, es solo el H2, poner tal como lo tiene la web de muestra que me pusiste, la H2 de la categoría por ejemplo pendientes de plata que sea pendientes de plata, no como ahora que pone producto añadido correctamente al carrito... bla bla 

muchas gracias

Edited by finish28 (see edit history)
Link to comment
Share on other sites
Eusebio100 Newbie

Eusebio100

Posted
Posted

Creo que tendrás que aclarate algunos conceptos antes de seguir. El h2 que he puesto es solamente para las categorías (antes no lo tenías), el resto de h2 (del carrito, etc) que quieras quitar tendrás que quitarlos de los archivos tpl del carrito, etc.... así con todo. A parte he visto que tienes algunas páginas con dos h1 cosa que deberías evitar.

Link to comment
Share on other sites
finish28 Newbie

finish28

Posted
  • Author
Posted

Vale, yo al no habe hecho la tienda, y teniendo en cuenta mis pocos conocimientos sobre el tema quizás te estoy liando un poco mas de la cuenta porque desconozco los pasos q tendría q hacer primero, después los segundos, y así sucesivamente hasta dejar la tienda en condiciones en este tema.

 

Pensaba q el category.tpl que me ponías corregía lo q te comentaba, q al pasarle el programa SEO Y mirar las h2 de lo q yo tengo como categorías, se quitaba las q te digo q pone lo de "producto añadido correctamente...." Veo q no, aunque estoy convencido q lo q me has insertado mejora notablemente lo q había.

 

Entonces y para poder acabar solucionando el tema. Que es lo próximo q he de hacer?, entiendo q eliminar los H1 duplicados q comentas.

 

Si te parece me dices el siguiente paso y voy ejecutando poco a poco hasta ir arreglando el problema. Vamos, me salvas la vida jejeje

 

Muchas gracias por tu paciencia.

Link to comment
Share on other sites
peiro21 Newbie

peiro21

Posted
Posted

Hola.

 

Creo que se exactamente lo que te pasa, porque a mi me pasa lo mismo, y me estoy volviendo un poco loco también.

 

Prestashop pone las etiquetas h1 y sobre todo h2 h3 ... donde le da la gana. Tanto en las categorías como en las subcategorías y también en los productos.

 

Por ejemplo, un h2 que me sale en categorías y también en productos es éste.

<h2>   <i class="icon-ok"></i>Producto añadido correctamente a su carrito de la compra   </h2>

También cosas como hay un articulo en su cesta, o incluso el modulo de enviar a un amigo. Es una pasada el SEO por defecto de prestashop.

 

Pues bien, lo ideal sería saber en que carpeta debemos cambiar el código, y como hacerlo. 

Una buena solución seria," pega este codigo, con el texto que elijas, en este sitio exactamente, en este archivo...."

 

Sé que es mucho pedir, pero tal vez para alguien que sepa del tema no le resulte tan complicado.

Personalmente si que he estudiado algo de SEO, pero no de programación. Sé lo que tengo que hacer, pero no se cómo.

 

Creedme que puede llegar a desesperar...
 

Link to comment
Share on other sites
peiro21 Newbie

peiro21

Posted
Posted (edited)

Dicen que una imagen vale mas que mil palabras, asi que os dejo esta captura de lo que os he explicado anteriormente. Si alguien pudiera explicar que hay que quitar y/o poner entre las h2 podria resolver la duda.

 

Aunque tambien me pregunto, si edito y pongo lo que deseo, ésto va a salir en todas las h2, entonces tendría todas las h2 repetidas....

 

PD: Perdón por la ignorancia.

post-759773-0-12929100-1441414270_thumb.jpg

Edited by peiro21 (see edit history)
Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share
Go to topic listing
×
×
  • Create New...