Hola a todos, mi nombre es Francisco Manuel y soy nuevo en este foro.
 
Estaba probando las etiquetas <h1> <h2 <h3> por cuestiones de SEO y he tenido un problemilla. Quizá alguien pueda decirme cómo solventarlo.
 
Resulta que cuando le doy a buscar mi blog en google, me aparece esto:
 
 Web...<H1> en la página de google
http://img15.imageshack.us/img15/3927/hchu.png
 
 Cuando le doy a control + f en la plantilla HTML de Blogger me encuentro esto:
http://img600.imageshack.us/img600/8438/azm3.png
 
Os dejo un extracto del código por se viese mal:
<b:if cond='data:mobile'>
          <div id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        <b:else/>
          <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                        + "background-position: "                        + data:backgroundPositionStyleStr + "; "                        + data:widthStyleStr                        + "min-height: " + data:height                        + "_height: " + data:height                        + "background-repeat: no-repeat; "' id='header-inner'>
            <div class='titlewrapper' style='background: transparent'>
              <h1 class='title' style='background: transparent; border-width: 0px'>
                <b:include name='title'/>
              </h1>
            </div>
            <b:include name='description'/>
          </div>
        </b:if>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
 
....
 
<b:section-contents id='sidebar-right-1'>
  <b:widget id='Translate1' locked='false' title='Press the button below to view this page in your own language' type='Translate'>
    <b:includable id='main'>
  <b:if cond='data:title != ""'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div id='google_translate_element'/>
  <script>
    function googleTranslateElementInit() {
      new google.translate.TranslateElement({
        pageLanguage: '<data:pageLanguage/>',
        autoDisplay: 'true',
        layout: google.translate.TranslateElement.InlineLayout.<da  ta:layout/>
      }, 'google_translate_element');
    }
  </script>
  <script src='//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'/>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>
  <b:widget id='CustomSearch1' locked='false' title='Buscador' type='CustomSearch'>
    <b:includable id='main'>
    <!-- only display title if it's non-empty -->
    <b:if cond='data:title != ""'>
      <h2 class='title'><data:title/></h2>
    </b:if>
 
    <div class='widget-content'>
      <div expr:id='data:widget.instanceId + "_form"'>
        <span class='cse-status'><data:loadingMsg/></span>
      </div>
    </div>
 
    <!-- override gsearch.css -->
    <style type='text/css'>
      #uds-searchControl .gs-result .gs-title,
      #uds-searchControl .gs-result .gs-title *,
      #uds-searchControl .gsc-results .gsc-trailing-more-results,
      #uds-searchControl .gsc-results .gsc-trailing-more-results * {
        color:<data:linkColor/>;
      }
 
      #uds-searchControl .gs-result .gs-title a:visited,
      #uds-searchControl .gs-result .gs-title a:visited * {
        color:<data:visitedLinkColor/>;
      }
 
      #uds-searchControl .gs-relativePublishedDate,
      #uds-searchControl .gs-publishedDate {
        color: <data:dateColor/>;
      }
 
      #uds-searchControl .gs-result a.gs-visibleUrl,
      #uds-searchControl .gs-result .gs-visibleUrl {
        color: <data:urlColor/>;
      }
 
      #uds-searchControl .gsc-results {
        border-color: <data:borderColor/>;
        background-color: <data:backgroundColor/>;
      }
 
      #uds-searchControl .gsc-tabhActive {
        border-color: <data:borderColor/>;
        border-top-color: <data:activeBorderColor/>;
        background-color: <data:backgroundColor/>;
        color: <data:textColor/>;
      }
 
      #uds-searchControl .gsc-tabhInactive {
        border-color: <data:borderColor/>;
        background-color: transparent;
        color: <data:linkColor/>;
      }
 
      #uds-searchClearResults {
        border-color: <data:borderColor/>;
      }
 
      #uds-searchClearResults:hover {
        border-color: <data:activeBorderColor/>;
      }
 
      #uds-searchControl .gsc-cursor-page {
        color: <data:linkColor/>;
      }
 
      #uds-searchControl .gsc-cursor-current-page {
        color: <data:textColor/>;
      }
    </style>
 
    <b:include name='quickedit'/>
  </b:includable>
  </b:widget>
  <b:widget id='HTML6' locked='false' title='' type='HTML'>
    <b:includable id='main'>
  <!-- only display title if it's non-empty -->
 
 ¿He puesto el H1 donde no debía o algo así?
 
Muchas gracias por vuestra ayuda,
Francisco M. 
   
 
 Problema con el <H1>
 Problema con el <H1> 


