Jump to content

Position du texte et référencement [Résolu] - Merci Divine

gouna

By gouna
in Discussion générale

 Share

Recommended Posts

gouna Rising Star

gouna

Posted
Posted (edited)

Bonjour.

J'essaye d'optimiser mon site chaque jour, et j'ai l'impression que la montagne a gravir grandit sans cesse.

Je me pose une question par rapport au positionnement du texte et à son incidence pour le référencement.

Par exemple, j'ai modifié mes pages catégorie pour que la description de catégorie s'affiche au dessus du footer. J'aimerais à contrario que mon texte soit "lu" par le moteur de recherche en priorité.

Avez vous des suggestions ?

 

Merci.

 

Edited by gouna
Résolu (see edit history)
Link to comment
Share on other sites
Divine Experienced

Divine

Posted
Posted

Bonjour,

Plus le texte est haut dans le code, plus il est important pour les moteurs de recherche. Il existe des solutions pour afficher un bloc de texte en bas de page alors qu'il se trouve en haut dans le code mais cela dépend du thème utilisé, du design et de la structure de la boutique.

Link to comment
Share on other sites
gouna Rising Star

gouna

Posted
  • Author
Posted

Bonjour,
Merci pour votre réponse.

Est-ce que la solution que vous décrivez peut mener google à désindexer le site pour fraude au SEO (lol) ?

J'utilise le thème BLCK (de Arnaud Merigeau) que j'ai modifié. Voici l'adresse d'une de mes pages catégories au cas ou : 

https://gounacreations.com/12-mug

J'ai donc modifié le Breadcrumb pour y afficher le nom de la catégorie, et j'ai modifié le TPL pour que le teste de description (qui reste à retravailler) s'affiche sous la liste des produits. Pensez-vous qu'il soit possible d'utiliser votre méthode sur mon thème ?

Merci.
 

Link to comment
Share on other sites
Divine Experienced

Divine

Posted
Posted (edited)

Non aucune raison que Google fasse cela car il n'y a aucune fraude : vous ne masquez aucune information à vos visiteurs, il s'agit juste d'un positionnement CSS.
Il est possible de remonter le texte de la catégorie au-dessus des produits dans le code et le laisser affiché là où il est actuellement avec votre thème oui.

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

Divine

Posted
Posted

Il vous suffit de remonter le texte de la catégorie au-dessus des produits dans le code puis vous appliquez sur la div parente les propriétés CSS "display: flex" et "flex-direction: column" et enfin vous appliquez sur la div du texte de la catégorie la propriété CSS "order: 1".

  • Like 1
Link to comment
Share on other sites
  • gouna changed the title to Position du texte et référencement [Résolu] - Merci Divine
gouna Rising Star

gouna

Posted
  • Author
Posted

Voici mon fichier pagination.tpl contenant mon bloc de description des catégories, tout à la fin : 

<div class="row u-a-i-c">
  <div class="small col-lg-4">
    {block name='pagination_summary'}
      {l s='Showing %from%-%to% of %total% item(s)' d='Shop.Theme.Catalog' sprintf=['%from%' => $pagination.items_shown_from ,'%to%' => $pagination.items_shown_to, '%total%' => $pagination.total_items]}
    {/block}
  </div>

  <nav class="col-12"> {* col-lg-8 *}
    {block name='pagination_page_list'}
     {if $pagination.should_be_displayed}
        <ul class="page-list pagination justify-content-center justify-content-lg-end mt-3 mt-lg-0 mb-0">
          {foreach from=$pagination.pages item="page"}
            <li class="page-item{if $page.current} active{/if}{if !$page.clickable && !$page.current} disabled{/if}">
              {if $page.type === 'spacer'}
                <span class="page-link" aria-hidden="true">&hellip;</span>
              {else}
                <a
                  rel="{if $page.type === 'previous'}prev{elseif $page.type === 'next'}next{else}nofollow{/if}"
                  href="{if $page.page == 1}{$page.url|replace:'?page=1':''|replace:'&page=1':''}{else}{$page.url}{/if}"
                  class="page-link {if $page.type === 'previous'}previous {elseif $page.type === 'next'}next {/if}{['disabled' => !$page.clickable, 'js-search-link' => true]|classnames}"{if !$page.clickable} tabindex="-1"{/if}
                >
                  {if $page.type === 'previous'}
                      <span class="sr-only">{l s='Previous' d='Shop.Theme.Actions'}</span>
                      <i class="material-icons" aria-hidden="true">&#xE314;</i>
                  {elseif $page.type === 'next'}
                      <span class="sr-only">{l s='Next' d='Shop.Theme.Actions'}</span><i class="material-icons" aria-hidden="true">&#xE315;</i>
                  {else}
                    {$page.page}
                  {/if}
                </a>
              {/if}
            </li>
          {/foreach}
		  <a href="{$smarty.server.REQUEST_URI|regex_replace:"/\?page=(.*)/is":""}{if {$smarty.server.REQUEST_URI|regex_replace:"/\?page=(.*)/is":""}|strstr:"?"}&{else}?{/if}resultsPerPage=10000" class="view-all"><span>{l s='Afficher tous les articles' d='Shop.Theme.Actions'}</span></a>
        </ul>
      {/if}
    {/block}
  </nav>
</div>
{* début mod description de catégorie en bas de page 11/10/21 20h *}
<div class="block-category card-block visible">
                <div class="d-flex">
            {if $category.description}
                <div id="category-description" class="text-muted">{$category.description nofilter}</div>
            {/if}
</div>
    </div>
{* fin mod description en bas *}

et mon fichier layout-both-column.tpl : 

 <head>
    {block name='head'}
      {include file='_partials/head.tpl'}
    {/block}
	
  </head>

  <body id="{$page.page_name}" class="{$page.body_classes|classnames}">

    {* 291021 ajout Google Tag Manager *}
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-P2J7JMZ"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>

    {block name='hook_after_body_opening_tag'}
      {hook h='displayAfterBodyOpeningTag'}
    {/block}

    <main>
      {block name='product_activation'}
        {include file='catalog/_partials/product-activation.tpl'}
      {/block}

      <header id="header" class="l-header">
        {block name='header'}
          {include file='_partials/header.tpl'}
        {/block}
      </header>

      {block name='notifications'}
        {include file='_partials/notifications.tpl'}
      {/block}
	  
	  <div id="page_banner_container_1" class="breadcrumb_wrapper ">
  <div class="container">
  
   {*début mod titre breadcrumb 06/10/2021 20h*}
  {if $page.page_name == 'category'}
         <div class="name_category">
        <h1 class="h1">{$category.name}{if isset($smarty.get.page) && $smarty.get.page > 1} <span class="small"> - Page {$smarty.get.page}</span>{/if}</h1>
    </div> {/if}
	{*fin mod*}
	
	  {block name='breadcrumb'}
            {include file='_partials/breadcrumb.tpl'}
          {/block}
		  </div>
		  </div>
		  
        {block name='wrapper'}
        {hook h="displayWrapperTop"}
        <section id="wrapper" class="{block name='layoutWrapperClass'}l-wrapper{/block}">
	
            <div class="row">
          {block name="left_column"}
            <div id="left-column" class="left-column col-12 col-lg-3">
              {if $page.page_name == 'product'}
                {hook h='displayLeftColumnProduct'}
              {else}
                {hook h="displayLeftColumn"}
              {/if}
            </div>
          {/block}

          {block name="content_wrapper"}
            <div id="content-wrapper" class="center-column{block name='contentWrapperClass'}left-column right-column col-lg-9{/block}">
              {hook h="displayContentWrapperTop"}
              {block name="content"}
                <p>Hello world! This is HTML5 Boilerplate.</p>
              {/block}
              {hook h="displayContentWrapperBottom"}
            </div>
			
          {/block}

          {block name="right_column"}
            <div id="right-column" class="right-column col-12 col-lg-3">
              {if $page.page_name == 'product'}
                {hook h='displayRightColumnProduct'}
              {else}
                {hook h="displayRightColumn"}
              {/if}
            </div>
          {/block}
        </div>
        {hook h="displayWrapperBottom"}
      </section>
	  
        {/block}

      <footer id="footer" class="l-footer">
        {block name="footer"}
          {include file="_partials/footer.tpl"}
        {/block}
      </footer>

    </main>
    {block name='offcanvas_modals'}
        {* offcanvas search filter *}
        <div class="modal fade" id="offcanvas_search_filter" tabindex="-1" role="dialog" data-modal-hide-mobile>
            <div class="modal-dialog modal-dialog__offcanvas modal-dialog__offcanvas--right" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div id="_mobile_search_filters_wrapper"></div>
                    </div>
                    <div class="modal-footer">
                    <button class="btn_close-filter btn btn-outline-success btn-block ok" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
                        <i class="material-icons rtl-no-flip">&#xE876;</i>
                        {l s='OK' d='Shop.Theme.Actions'}
                    </button>
                    </div>
                </div>
            </div>
        </div>
        {* end search filter *}
        {* offcanvas menu *}
        <div class="modal fade" id="mobile_top_menu_wrapper" tabindex="-1" role="dialog" data-modal-hide-mobile>
            <div class="modal-dialog modal-dialog__offcanvas" role="document">
                <div class="modal-content">
                    <div class="modal-header">
					<img class="logo img-responsive loading" src="/img/gouna-creations.jpg" alt="Gouna Créations">
                        <button type="button" class="close" data-dismiss="modal" aria-label="{l s='Close' d='Shop.Theme.Global'}">
                            <span aria-hidden="true">&times;</span>
                        </button>
                    </div>
                    <div class="modal-body">
                        <div class="js-top-menu top-menu-mobile" id="_mobile_top_menu"></div>
                        <div class="js-top-menu-bottom">
                            <div id="_mobile_currency_selector"></div>
                            <div id="_mobile_language_selector"></div>
                            <div id="_mobile_contact_link"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        {* end offcanvas menu *}
    {/block}
    {block name='javascript_bottom'}
      {include file="_partials/javascript.tpl" javascript=$javascript.bottom}
    {/block}

    {block name='hook_before_body_closing_tag'}
      {hook h='displayBeforeBodyClosingTag'}
    {/block}
  </body>

 

Link to comment
Share on other sites
Divine Experienced

Divine

Posted
Posted

En prenant les lignes du block-category du fichier pagination et en les plaçant en première position dans la section wrapper du fichier layout-both-column comme vous l'aviez fait au début mais en entourant ces lignes de la condition {if $page.page_name == 'category'} ... {/if}, est-ce que cela pose également problème sur la page produit ?

  • Like 1
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...