月収10万円を稼ぐ元SEO1位の商標ペラサイトを公開します

公開日:2015年6月28日 ⇒最終更新日:2016年11月8日

シリウスのヘッダー上の邪魔なh1タグスペースを削除する方法

Pocket


sirius-h1tag

 

どうも、詐欺写メの得意なへブラカエラです。

まぁ、高校生時代の話なのですが。。。

シリウスのレスポンシブテンプレート(別売り有料)を使うアフィリエイターが増えてきましたね。

私ももれなく使っているのですが、
このテンプレートにヘッダー画像を当てはめると、
H1タグのテキストスペースがヘッダーの上に設定されているので、
スマホでのファーストビューに小さくない影響を与えてしまいます。

※トップ画像ではテキストの色を
透明無色(color: transparent;)にしているので
白いスペースだけ表示されています。

 

H1タグはSEO効果が期待できるとされていますが、
中古ドメインほどの効果は到底期待できませんし、
最近のSEO的にタグやHTMLの文法はさして考慮されない傾向があることから、
私はサイトの第一印象を優先してH1タグを削除してしまった方が良いと考えています。?

 

私はプログラミング言語が非常に苦手で見るだけでも吐き気がするくらいなのですが、
もがいている内に1箇所消せば良いだけの話だったことに気付いたのでご紹介しますね。

HTMLテンプレート編集ページを開く

sirius-h1tag-html1

 

シリウスでサイトを開いたら、「編集」⇒「HTMLテンプレート」をクリックして
HTMLの編集ページを開きます。

 

それから、「h1」で検索をかけて、下記のコードを探します。

<h1 id=”logo”><a href=”<% pageDepth %>”><% logoImage | ifEmpty({%h1text%}) | str_replace(alt=””,alt=”{%h1text%}”) | oneline %></a></h1>

このコードは使うテンプレートによって若干異なるでしょうが、

・<h1>から始まること

・<body>のすぐ下らへんにあること

は変わらないはずです。

 

この部分を消せば問題のh1テキストの空間が消えて
ヘッダー画像をサイト最上部に詰めることが可能になります。

 

sirius-h1tag-html2

H1タグを削除したら「全て保存」をクリックして保存。

エントリーページ(個別記事のページのことです)など
他のページのH1タグも消したい場合は
同じくH1タグを消して「全て保存」をクリックします。

 

その後いつも通り「サイト生成」してプレビューすると。。。?

 

sirius-h1tag-html3

 

これでスマホユーザーの第一印象を強められますね!^^

あとはアップロードしてサイトにHTMLの編集を反映させましょう。

 

◆2016年4月28日追記:

?


ぜんさんから感謝のコメントを頂きました!

Pocket


オンライン指導の実績


Warning: Use of undefined constant お名前 - assumed 'お名前' (this will throw an Error in a future version of PHP) in /home/paparazzi/hebrakaela.com/public_html/wp-content/themes/refinepro/comments.php on line 31

Warning: Use of undefined constant メールアドレス(公開されません) - assumed 'メールアドレス(公開されません)' (this will throw an Error in a future version of PHP) in /home/paparazzi/hebrakaela.com/public_html/wp-content/themes/refinepro/comments.php on line 33

Warning: Use of undefined constant ウェブサイト - assumed 'ウェブサイト' (this will throw an Error in a future version of PHP) in /home/paparazzi/hebrakaela.com/public_html/wp-content/themes/refinepro/comments.php on line 35

コメントを残す