NOVA

SIRIUSテンプレート「NOVA」の特徴

SIRIUSテンプレート「NOVA」は価値のあるコンテンツを作ることを目的として作成された、まったく新しいSIRIUS専用テンプレートです。

 

近年のサイト作りでもっとも重要なのはコンテンツの内容です。コンテンツの価値こそがそのサイトの価値です。テンプレートのデザインや小手先のSEOは重要ではありません。

 

しかし、同じコンテンツであればテンプレート(やWordPressのテーマ)が良いに越したことはありません。NOVAは外観に限らず、SIRIUS付属テンプレートを使っていくうちに出てきた問題を一つ一つクリアしていくことで完成した、ワンランク上のSIRIUSテンプレートです。

 

合わせてこちらもご覧ください

 

 


デザインと外観

完全レスポンシブ

レスポンシブ

 

昨今スマートフォンやタブレットなどの普及により、モバイルからのサイト訪問者が半数を超えることも珍しくありません。そのためNOVAではGoogleも推奨している、端末の画面サイズに合わせて自動でレイアウトが最適化されるレスポンシブデザインを採用しています。

 

レスポンシブデザインなのでSIRIUS上位版限定の機能である「iPhoneサイト同時生成機能」が必要ありません。

 

モバイルフレンドリー

モバイルフレンドリー

 

Googleのモバイルフレンドリーテスト合格。ビューポート、コンテンツサイズ、フォントサイズ、タップ要素間の距離などすべてがスマートフォンやタブレットなどモバイル端末に最適化されています。

 

美しいデザイン

サイトデザイン

 

人気WordPressテーマ「STORK」を参考に作られたクセのないデザインはシンプルで美しく、あらゆるジャンルに使うことができます。またNOVAはSIRIUS付属テンプレートのデザインを一切引き継がず、すべての外観は一から作り直されました。

 

自由なサイトカラー

サイトカラーの変更

 

現在のSIRIUS付属のテンプレートでは1種類のテンプレートに10色のカラータイプがあり、カラーごとにテンプレートファイルが用意されています。

 

対してNOVAではオプションからサイトカラーをあらゆる色に変更することができます。そのためNOVAテンプレートはデフォルトの水色(当サイトで使用)以外用意されていません。

 

NOVAは他のテンプレートと違い更新のたびに各カラーのテンプレートファイルを用意する必要がありません。更新の労力を可能な限り少なくして長期的なアップデートを想定したテンプレートとなっています。

 

 

HTML5とCSS3

HTML5・CSS3

 

マークアップ言語を最新のHTML5に変更、スタイルシートにCSS3を採用し新しい表現が可能になりました。また追加された構造化タグ( article, section, aside, header, footer, nav, time )は検索エンジンへ適切な情報を伝えます。

 

アイコンフォント(Font Awesome 5)

Font Awesome

 

近年では高解像度の画面をもつスマホが増えたことで解像度が多様化しました。様々な解像度で同じ画像を美しく表示するには限界があります。そこでNOVAではテンプレートのUIから画像を廃し、アイコンフォントのスタンダードといえる「Font Awesome 5」を導入しました。

 

 

CSSボタンのリデザイン

CSSボタン

 

SIRIUSの大幅バージョンアップ(ver1.5)で追加された、画像を使用せずスタイルシートのみで作られたボタンリンクのデザインを一新しました。ボタンリンクはSIRIUS上位版限定の機能です。

 

 

ページ速度の高速化

ページ速度

 

Google PageSpeed Insightsにて検証しながらファーストビューのデザインを崩さない範囲でサイト表示の高速化を行いました。最大でモバイルスコア93、PCスコア97をマーク。

 

使えるブログモード

ブログモード

 

サムネイルの設定を前提としたブログモードは、記事一覧をカード型に変更し一覧性を確保しました。またトップページでは記事一覧の下部へサイトマップへのリンクを追加しページ内巡回を促します。

 

 

通常モード

 

記事の鮮度を重視するブログモードに対し、記事の公開日付が表示されない通常モードは記事の鮮度に左右されないHTMLサイトに最適です。

 

追加要素

追加されたクラス

 

サムネイルを設定できるリンクカード、文字だけのリンクテキスト、画像上にテキスト表示、画像キャプション(説明文)、吹き出しのキャラクター画像下に名前を表示など、NOVA独自のクラスを多数追加しました。

 

 

サムネイル表示

サムネイル

 

NOVAでは記事一覧、関連記事、新着記事、人気記事など、可能な限りサムネイルを表示できるようにしました。また画像ごとの大きさやアスペクト比が違う場合を想定し、自動でアスペクト比16:9にトリミング表示されるようになっています。

 

入力項目の限定

 

SIRIUSでは記事を作るたびにエントリー名、エントリー説明、H1テキスト、ヘッダーテキスト、メタキーワード、メタ説明文の入力が必要で非常に面倒でした。

 

NOVAでは簡単に記事を作成できるよう入力が必要な項目をエントリー名のみに限定し、その他の項目は自動で出力されるよう調整されました。

 

NOVAバージョン1.4から記事にサムネイルを設定しなくても、記事画像1~10や記事中の画像などを自動でサムネイル表示する機能を追加しました。

 

トップメニューのサブテキスト

サブテキスト

 

トップメニューに装飾としてサブテキストを追加できます。

 

OGP設定

OGP

 

OGPタグの追加により、ソーシャルボタン(SNSボタン)でシェアされた際に適切な情報が自動で取得されます。またシェア時の画像はサムネイルに設定した画像が使用されます。

 

ソーシャルボタン

ソーシャルボタン

 

Twitter、Facebook、はてなブックマーク、Google+、Pocket、LINEのソーシャルボタン(SNSボタン)を実装しました。これらは公式ボタンと違いページ速度を遅くすることはありません。

 

Google+の廃止に伴いNOVAバージョン1.4にてGoogle+のソーシャルボタンは削除されました。

 

検索結果にサイト名を追記

検索結果にサイト名を追加

 

検索結果やブックマークで表示されるページタイトルにサイト名を自動で追加します。

 

ページ送り

ページ送り

 

前の記事、次の記事へと誘導するリンクナビゲーションを記事下部へ追加しました。

 

プロフィールカード

 

NOVAバージョン1.1で追加されたプロフィールカードです。サイドメニューのサイト運営者紹介などに使用します。

 

 

2カラムヘッダー

 

NOVAバージョン1.1で追加された2カラムヘッダーです。左に画像、右にテキストとボタンリンクを表示する2カラムのヘッダーをヘッダーのフリースペースに設置することができます。

 

 

ビッグヘッダー

 

NOVAバージョン1.1で追加されたビッグヘッダーです。サイトの幅いっぱいに画像を表示する大きなヘッダーをヘッダーのフリースペースに設置することができます。

 

 

 

人気記事ランキング

 

NOVAバージョン1.4で追加された人気記事ランキング機能です。サイドメニューに任意の記事のランキングを表示することが可能です。

 

 

記事スライダー

 

NOVAバージョン1.4で追加された記事スライダー機能です。ヘッダー画像のように中央に大きく表示したり、複数の記事を横並びで表示することができます。

 

 

画像比較スライダー


 

NOVAバージョン1.41で追加された画像比較スライダー機能です。2枚の画像のビフォーアフターをスライドで比較することができます。

 

広告

フリースペース追加

フリースペース追加

 

NOVAは3カラムレイアウトに対応していません。そこで3カラム目に使用されていたサブメニュー上段と下段の2つのフリースペースを、トップメニュー下と記事途中へそれぞれ追加しました。

 

 

追尾型広告

追尾型広告

 

サイドバー下段のフリースペースはスクロールに合わせて追尾します。ここに広告を貼れば一定の効果が期待できるでしょう。(アドセンスでは規約違反になるので注意が必要です)

 

Googleアドセンス対応

Googleアドセンス対

 

アドセンスで効果的とされる広告サイズにビッグバナー、レクタングル(大)などがあります。NOVAではメインカラムの幅728pxはビッグバナー、サイドバーの幅336pxはレクタングル(大)にそれぞれ最適化されています。

 

ダブルレクタングル対応

ダブルレクタングル

 

アドセンスでよく使われる、レクタングル(大)を横に2つ並べて表示するダブルレクタングルに対応。スマートフォン表示でアドセンス広告が2つ以上並ぶことは規約違反なので片方の広告が自動で非表示になります。

 

SHO

 

その他、多くの変更や修正をおこないました。


その他

SIRIUS大幅バージョンアップVer1.5に対応

 

画像管理の改善、記事検索機能、サイト生成やFTPアップロードの高速化、ボタンリンク機能、Youtubeのレスポンシブ化、カスタム専用のスタイルシート機能、テンプレートの横幅調整機能、サイトの表示速度の向上など多くの要素が追加されたVer1.5に対応済み。

 

NOVAのSEO

NOVAはSIRIUS付属テンプレートと同等、またはそれ以上のSEO対策がされていますので、SIRIUSのSEOが強いと言えるならNOVAも強いと言えます。しかし実際にテンプレートでできるSEO対策は非常に限られたものです。

 

Googleの目指すものは一貫して小手先のSEO対策(メタキーワードなど)を排し、可能な限りコンテンツの内容を評価することです。

 

すでにSIRIUS上位版にあるSEO対策機能が使えないものとなり、ブラックハット(自作自演)では検索エンジンのアップデートのたびに順位を落とすような状況です。その状況下、また長期的にみても、やはり最高のSEO対策とは価値のあるコンテンツを作ることと言えるのではないでしょうか。

SIRIUSテンプレートとNOVAの入手方法

通常のSIRIUSテンプレート入手方法は?

通常、SIRIUSテンプレートの入手方法は以下となります。

 

  • 公式で期間限定で有料販売される追加テンプレートを購入する
  • 無料で公開されているものを入手する
  • 自作(またはカスタマイズ)する
  • SIRIUS購入特典として配布サイトから入手する

 

公式販売の追加テンプレート

公式販売の追加テンプレートはジャンルごとに固定デザインで汎用性が無く、また数が多いためSIRIUS本体のバージョンアップによる追加要素にどこまで対応されるか不安があります。

 

無料での入手

無料での入手は、無料で公開されているSIRIUSテンプレートがほとんど存在しない、また古い付属テンプレートに少し手を加えただけのものなどで実用的ではありません。

 

自作とカスタマイズ

一から自作するのはそれこそ限られた人で無ければ難しく、カスタマイズもレスポンシブへの対応などを考えると多くの手間が掛かります。

 

SIRIUSの購入特典として入手

SIRIUSの購入特典として自作テンプレートを配布しているサイトもありますが、テンプレート作成を外注している場合が多くバージョンアップの対応に不安があります。その点、NOVAであれば私自身がSIRISUを使用、テンプレートを作成しているので細かな修正、追加要素、バージョンアップへの対応が可能です。

 

NOVAの入手方法

当サイトを経由してSIRIUSや他の商品の購入していただくことによって、購入特典として無料でご利用できます。下記のリンク「NOVAの入手方法」ボタンから特典を確認後、特典付き商品リストページからご購入ください。