どうも、詐欺写メの得意なへブラカエラです。
まぁ、高校生時代の話なのですが。。。
シリウスのレスポンシブテンプレート(別売り有料)を使うアフィリエイターが増えてきましたね。
私ももれなく使っているのですが、
このテンプレートにヘッダー画像を当てはめると、
H1タグのテキストスペースがヘッダーの上に設定されているので、
スマホでのファーストビューに小さくない影響を与えてしまいます。
※トップ画像ではテキストの色を
透明無色(color: transparent;)にしているので
白いスペースだけ表示されています。
H1タグはSEO効果が期待できるとされていますが、
中古ドメインほどの効果は到底期待できませんし、
最近のSEO的にタグやHTMLの文法はさして考慮されない傾向があることから、
私はサイトの第一印象を優先してH1タグを削除してしまった方が良いと考えています。?
私はプログラミング言語が非常に苦手で見るだけでも吐き気がするくらいなのですが、
もがいている内に1箇所消せば良いだけの話だったことに気付いたのでご紹介しますね。
HTMLテンプレート編集ページを開く
シリウスでサイトを開いたら、「編集」⇒「HTMLテンプレート」をクリックして
HTMLの編集ページを開きます。
それから、「h1」で検索をかけて、下記のコードを探します。
<h1 id=”logo”><a href=”<% pageDepth %>”><% logoImage | ifEmpty({%h1text%}) | str_replace(alt=””,alt=”{%h1text%}”) | oneline %></a></h1>
このコードは使うテンプレートによって若干異なるでしょうが、
・<h1>から始まること
・<body>のすぐ下らへんにあること
は変わらないはずです。
この部分を消せば問題のh1テキストの空間が消えて
ヘッダー画像をサイト最上部に詰めることが可能になります。
H1タグを削除したら「全て保存」をクリックして保存。
エントリーページ(個別記事のページのことです)など
他のページのH1タグも消したい場合は
同じくH1タグを消して「全て保存」をクリックします。
その後いつも通り「サイト生成」してプレビューすると。。。?
これでスマホユーザーの第一印象を強められますね!^^
あとはアップロードしてサイトにHTMLの編集を反映させましょう。
◆2016年4月28日追記:
@hebrakaela ただ満足感というか達成感はすごいですねwあ、シリウスのヘッダー上のh1を非表示にしたいと思ってさきほど参考にさせていただきました!まさかの本人からくるとはwタイムリーw
? ぜん@お尻派 (@seikatunochie14) 2016年4月28日
?
@seikatunochie14 シリウスのh1非表示、なぜか僕のブログで一番流入多いです(笑)
何が需要になるかやるまで分からないですね(汗? ヘブラカエラ@体を売らずに稼ぐAIU卒生 (@hebrakaela) 2016年4月28日
@hebrakaela 気になる部分なのにも関わらず情報が少ないところですねf(^_^;ほかのサイトはSEO的にまずそうなので助かりました!
? ぜん@お尻派 (@seikatunochie14) 2016年4月28日
ぜんさんから感謝のコメントを頂きました!
コメントを残す