"Вынести" подзаголовок из H1

Подскажите, плз.

Есть сайт на WP.

В тэг H1 разработчиком включен подзаголовок, что не есть правильно с точки зрения SEO.

Конструкция вывода в шаблоне следующая:

<h1>
            <div><?php the_title(); ?></div>
            <?php 
            if($recipe_sub_title){ 
              echo '<div class="recipe-header-image-sub-title">'.$recipe_sub_title.'</div>'; 
            } ?>
          </h1>

Живой пример тут: http://neptune.pinsupreme.com/recipe/roasted-chicken-breast-with-cherry-tomatoes-asparagus/

Хочу "вынести" подзаголовок, если он прописан в публикации, из тэга H1, но такая конструкция не работает, подзаголовок не выводится:

<h1>
            <div><?php the_title(); ?></div>
            </h1>

            <?php 
            if($recipe_sub_title){ 
              echo '<div class="recipe-header-image-sub-title">'.$recipe_sub_title.'</div>'; 
            } ?>

Подскажите, плз, как правильно сделать, спасибо!

Вот, если необходимо, более подробный фрагмент кода разработчика:

  <?php if($big_header_titled_image){ ?>
  <div class="os-container">
    <div class="recipe-big-titled-header-w">
      <div class="recipe-big-titled-header-box">
        <div class="recipe-big-titled-header-image" data-original-height="500" style="height: 500px;<?php echo osetin_get_css_prop('background-image', $big_header_titled_image, false, 'background-repeat: repeat; background-position: center center; background-size: cover;'); ?>">
          <div class="recipe-big-titled-header-fader"></div>
          <h1>
            <div><?php the_title(); ?></div>
            <?php 
            if($recipe_sub_title){ 
              echo '<div class="recipe-header-image-sub-title">'.$recipe_sub_title.'</div>'; 
            } ?>
          </h1>
        </div>
      </div>
    </div>
  </div>
  <?php } ?>