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

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

このエントリーをはてなブックマークに追加

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

 

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

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

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

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

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

 

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

 

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

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

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

 

シリウスでサイトを開いたら、「編集」⇒「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タグも消したい場合は
同じくH1タグを消して「全て保存」をクリックします。

 

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

 

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

 

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

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

 

◆2016年4月28日追記:

 


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

競合しないアフィリエイトがあります。

なぜ、飲食店やアーティストがWeb集客に成功するのか?

コメントを残す