Исправить ошибки заголовков тегов в Blogger - PullRequest
0 голосов
/ 23 сентября 2018

Тег H1 относится к заголовку поста и заголовку блога.И на каждой странице должен быть только один тег H1.

И это усложняет ситуацию, поскольку заголовок блога повторяется на страницах постов, что приводит к ошибке наличия 2 тегов H1 на страницу.

Когда мы помещаем изображение в заголовок блога и устанавливаем его отображение вместо названия блога, мы автоматически удаляем заголовок с точки зрения SEO.

Как решить эту проблему?

Это код в моем шаблоне, который ссылается на заголовок блога

                      <b:widget id='Header1' locked='true' title='Xamãs Urbanos (Cabeçalho)' type='Header' version='2' visible='true'>
            <b:widget-settings>
              <b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-Zq-xjYJ4FPg/W6N3Pw888DI/AAAAAAAAHms/123YJTNssl0xQJ5ES82c5QuV6Gr6YwD5ACLcBGAs/s1600/Logo_Xamas_Urbanos_Ayahuasca_em_Porto_Alegre.png</b:widget-setting>
              <b:widget-setting name='displayHeight'>202</b:widget-setting>
              <b:widget-setting name='sectionWidth'>150</b:widget-setting>
              <b:widget-setting name='useImage'>true</b:widget-setting>
              <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
              <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
              <b:widget-setting name='displayWidth'>150</b:widget-setting>
            </b:widget-settings>
            <b:includable id='main' var='this'>
          <div class='header-widget'>
            <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
            <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
            <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
          </div>
        </b:includable>
            <b:includable id='behindImageStyle'>
          <b:if cond='data:sourceUrl'>
            <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
            <style type='text/css'>
              .header-widget {
                background-position: <data:blog.locale.languageAlignment/>;
                background-repeat: no-repeat;
              }
            </style>
          </b:if>
        </b:includable>
            <b:includable id='description'>
          <p>
            <data:this.description/>
          </p>
        </b:includable>
            <b:includable id='image'>
          <a class='header-brand' expr:href='data:blog.homepageUrl'>
            <img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>
          </a>
        </b:includable>
            <b:includable id='title'>
          <h1>
            <b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
              <data:title/>
            </b:tag>
          </h1>
        </b:includable>
          </b:widget>

1 Ответ

0 голосов
/ 23 сентября 2018

Как насчет добавления заголовка h1 после тега изображения

Попробуйте это

 <b:widget id='Header1' locked='true' title='Xamãs Urbanos (Cabeçalho)' type='Header' version='2' visible='true'>
        <b:widget-settings>
          <b:widget-setting name='displayUrl'>https://1.bp.blogspot.com/-Zq-xjYJ4FPg/W6N3Pw888DI/AAAAAAAAHms/123YJTNssl0xQJ5ES82c5QuV6Gr6YwD5ACLcBGAs/s1600/Logo_Xamas_Urbanos_Ayahuasca_em_Porto_Alegre.png</b:widget-setting>
          <b:widget-setting name='displayHeight'>202</b:widget-setting>
          <b:widget-setting name='sectionWidth'>150</b:widget-setting>
          <b:widget-setting name='useImage'>true</b:widget-setting>
          <b:widget-setting name='shrinkToFit'>true</b:widget-setting>
          <b:widget-setting name='imagePlacement'>REPLACE</b:widget-setting>
          <b:widget-setting name='displayWidth'>150</b:widget-setting>
        </b:widget-settings>
        <b:includable id='main' var='this'>
      <div class='header-widget'>
        <b:include cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='image'/>
        <b:if cond='data:imagePlacement in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;} and data:blog.pageType == &quot;index&quot;'><h1 style='display:none'><data:title/></h1></b:if>
        <b:include cond='data:imagePlacement not in {&quot;REPLACE&quot;, &quot;BEFORE_DESCRIPTION&quot;}' name='title'/>
        <b:include cond='data:imagePlacement != &quot;REPLACE&quot;' name='description'/>
      </div>
    </b:includable>
        <b:includable id='behindImageStyle'>
      <b:if cond='data:sourceUrl'>
        <b:include cond='data:this.image' data='{                    image: data:this.image,                    selector: &quot;.header-widget&quot;                  }' name='responsiveImageStyle'/>
        <style type='text/css'>
          .header-widget {
            background-position: <data:blog.locale.languageAlignment/>;
            background-repeat: no-repeat;
          }
        </style>
      </b:if>
    </b:includable>
        <b:includable id='description'>
      <p>
        <data:this.description/>
      </p>
    </b:includable>
        <b:includable id='image'>
      <a class='header-brand' expr:href='data:blog.homepageUrl'>
        <img expr:alt='data:blog.title.escaped' expr:data-height='data:height' expr:data-width='data:width' expr:src='data:image'/>
      </a>
    </b:includable>
        <b:includable id='title'>
      <h1>
        <b:tag cond='data:view.url != data:blog.homepageUrl' expr:href='data:blog.homepageUrl' name='a'>
          <data:title/>
        </b:tag>
      </h1>
    </b:includable>
</b:widget>
...