カエテングラフ無料ブログテンプレート体験版プレゼント

 

 

 

 

あなたのビジネスをカタチにする

カエテングラフつの特長

 

特長1

閲覧者ファーストを重視したサイト設計

サイトの見やすさ・読みやすさ・デザイン性を追及したサイト設計で閲覧者のユーザビリティを高める工夫を凝らしています

 

特長2

サイト全体が最適された内部 SEO 対策

SEO 重要タグが各ページ固有のものになり情報が適切に伝わるようにサイト全体を最適化しています

 

特長3

オリジナルサイトが作り込める自由自在なデザイン

ベースカラー・エリア別デザイン・レイアウト・サイト表示横幅などの設定が自由自在であなただけのオリジナルサイトの作り込みができます

 

特長4

広告表示が簡単にできる豊富なフリースペース

クリックされやすい場所やこれまでのサポートで要望された場所など 9 エリアで 15 箇所をご用意しています。スクロール追従サイドバーフリースペースも設定できます

 

特長5

サイト品質とテンプレの使い勝手を高めるオリジナル機能

記事を彩る豊富な記事装飾パーツ・SNSボタン・記事コピーボタン・その他カスタマイズなどオリジナル機能をご用意しています

 

カエテングラフ:スマホイメージ

 

 

 

 

テンプレートを制作したクリエイティブプランニングの坂井英晃です。

2011年より事業を開始して無料ブログテンプレートとワードプレステーマ「 カエテン 」をシリーズで販売しています。おかげ様でユーザー様にご愛顧いただき累計販売本数も 10,000 本 を超えることができました。

 

今回ご紹介するのは無料ブログ用カエテン第 4 弾の カエテングラフ kaetenGraph です。

これまでのサポートを通じて得たユーザー様の声を反映して更に使い勝手の良いテンプレートに仕上がったと自負しています。従来までのテンプレートと違うポイントは次となります。

 

  • 重要タグが重複しない内部 SEO 対策と HTML 5 仕様のソース

    重要タグが各ページ固有になる内部 SEO 対策済み。記事ページとパン屑リストは構造化データマークアップ対応。最新の HTML 5 仕様でソースを作成

  • オリジナルサイトが作り込めるカスタマイズが簡単

    無料ブログのカスタマイズは HTML / CSS の直接編集が必要です。編集箇所が分かりやすいファイルと丁寧に解説した設定マニュアルをご用意

  • アイキャッチ画像をアクセントとして見せるデザイン

    記事で設定するアイキャッチ画像をデザインアクセントで利用したメリハリある紙面デザインにしています

 

無料ブログは様々な Web ビジネスシーンで多く利用されています。収入を得るためにはインデックスされて・アクセスされて・多くの記事がしっかりと読まれるサイト作りが大事です。そのようなサイトを効率良く作るには、記事作成・SEO対策・キーワード選定と同様に テンプレート選びも大事な要素 になります。カエテングラフなら 記事がしっかりと読まれるサイト を簡単に作ることができます。

 

 

 

 

当サイトでは FC2ブログテンプレート体験版 を無料プレゼントしています。無料会員登録後にダウンロードできます。

 

 

 

 

これからテンプレートの詳しい特長をご説明します。
もし、あなたが、次のことに1つでも該当するならば続きをじっくりとお読みください。

 

  • 初心者なので最初は使いやすいテンプレートで始めたい
  • サイトがダサくカッコ悪くてWebビジネスを頑張るヤル気が起こらない
  • 市販のテンプレートは各種設定が難しすぎて上手くできない
  • カスタマイズしたいけど HTML / CSS のことがよく分からない

 

 

 

 

 

 

閲覧者ファーストを重視したユーザビリティを高める工夫を凝らしたサイト設計

 

 

カエテングラフは「 サイトの見やすさ・読みやすさ・デザイン性 」を追及したサイト設計で閲覧者のユーザビリティを高める工夫を凝らしています。

 

 

次のようなサイト、あなたは速攻で閉じませんか?

 

  • 記事の文字が詰まり過ぎて読むのに疲れた
  • サイト全体がゴチャゴチャで見る気がしない
  • 関連記事を読みたいが探せない
  • ホームに戻るリンクの場所が分からない

 

他人のサイトを見ていて
上記のことを思ったり感じたことがきっとあるはずです。

すぐに閉じられるサイトだと手間暇かけた記事も SEO 対策も全くの無駄になります。そしてビジネスにも繋がりません。

 

 

もっとも大事なことは「 見やすいサイト 」作りです。

サイトを見るのはあくまでも閲覧者の人間です。カエテングラフは 閲覧者ファースト を重視して次のようなユーザビリティを高める工夫をしています。

 

  • 整然でスッキリと見やすく読みやすいデザイン設計
  • 効率良く目的ページに移動できる操作性が良いリンク配置
  • 記事で設定するアイキャッチ画像をデザインアクセントとして見せるメリハリある紙面デザイン

 

カエテングラフなら特別なカスタマイズをしなくても 隅々まで見てもらえるサイト を作成できます。

カエテングラフ:FC2:記事ページ

▲カエテングラフ:FC2:記事ページ

 

 

レスポンシブデザイン対応

レスポンシブデザインとはPC・タブレット・スマートフォンなど閲覧するデバイスごとに最適化されたサイト表示をする技術です。コンテンツを適切にインデックスできる・効率的に発見できるなどの理由でGoogleでも推奨されているサイト構築方法のひとつです。

カエテングラフ:各デバイスイメージ

▲カエテングラフ:各デバイスイメージ

 

 

 

 

 

 

重要タグが各ページ固有になるサイト全体が最適化された内部SEO対策

 

 

カエテングラフは検索エンジン対策に関連する重要タグが各ページ固有のものになり且つその情報が適切に検索エンジンに伝わるようにサイト全体が最適化された内部 SEO 対策をしています。

 

Google 検索エンジン最適化スターターガイドでも解説されていますが、タイトルや説明文などの 重要タグは各ページ固有のものにする ことを推奨されており、それに準じた内部 SEO 対策ができます。

 

 

重要タグの設定内容:説明はFC2ブログの場合になります

 

  • トップページ
重要タグ名設定内容
title

タイトル

サイトタイトル
h1
  • サイトタイトル
  • ヘッダー内側画像 ( HTML ) を設定したときは画像
h2
  • 記事一覧の記事タイトル
  • 記事タイトル
  • 記事に書いたh2タグ
h3記事に書いたh3タグ
h4・h5・h6設定なし
meta Description

デスクリプション説明文

管理画面 >設定 > 環境設定 > ユーザー情報の設定 [ ブログの説明 ] に設定したもの
meta Keywords

キーワード

HTMLに設定したキーワード
robots

検索エンジンクロール

制御なし
title

2 ページ目以降タイトル

サイトタイトル - ○ページ目
meta Description

2 ページ目以降デスクリプション説明文

サイトタイトル - ○ページ目。サイト説明文。

 

  • 記事ページ
重要タグ名設定内容
title

タイトル

記事タイトル
h1記事タイトル
h2記事に書いたh2タグ
h3記事に書いたh3タグ
h4・h5・h6設定なし
meta Description

デスクリプション説明文

管理画面 > ホーム > 記事の管理 > 記事の編集 > 本文の編集 の頭から 200 文字
meta Keywords

キーワード

  • 管理画面 > ホーム > 記事の管理 > 記事の編集 > 記事の設定 [ ユーザータグ ] に設定したもの
  • 記事のカテゴリ名
robots

検索エンジンクロール

制御なし

 

 

最新の HTML 5 で作成しています

HTML 5 では header・footer・article・aside・section などの新設タグがあり、そのマークアップに従って HTML を作成しています。HTML 5 では 1 ページで h1 タグの複数利用が認められていますが、h1 タグは 1 ページで 1 つだけの旧ルールのサイトも検索エンジンの評価を得ている状況です。現時点のカエテングラフは旧ルールを適用しています。また、HTML 5 の運用ルール自体にも未確定要素がありますので ルールが整理・精査に合わせてフレキシブルに HTML の見直し ( アップデート ) をしていきます。

 

 

記事ページ構造化データマークアップ

Google が推していることを鑑みて schema.org での 構造化データを JSON-LD 形式でマークアップ するカスタマイズをしています。構造化データとは HTML に書かれている情報を検索ロボットにも理解できるように意味づけをするメタデータのことです。構造化データをサイトに導入することで Google 検索結果にリッチスニペットが表示されるなどのメリットがあります。

 

 

パン屑リスト構造化データマークアップ

パン屑リストは data-vocabulary.org での 構造化データを Microdata ( マイクロデータ ) 形式でマークアップ するカスタマイズをしています。検索結果にページタイトルと一緒にパン屑リストも表示されます。

 

 

 

 

 

 

オリジナルサイトが作り込める自由自在なデザインカスタマイズ

 

 

カエテングラフはベースカラー・エリア別デザイン・サイト表示横幅などの設定が自由自在であなただけのオリジナルサイトの作り込みができます。デザインカスタマイズは CSS の簡単な変更 または 追加 CSS のコピー&ペースト で行います。

 

無料ブログのデザインカスタマイズは CSS の直接編集が必要です。
別のテンプレートで「 CSS のどこを変更するのか分らない 」と悩まれた人も多いと思いますがカエテングラフならそんな悩みは即解決します!

 

カエテングラフは編集箇所が分かりやすい CSS ファイル・丁寧に解説した設定マニュアル をご用意しています。

 

 

ベースカラー

デザインで設定している ベースカラー ( 背景色・罫線色・ホバー背景色 ) を自由に設定できます。Webサイトで表現できるカラーは 16,777,216色 あり使いづらい色を除いても相当な数を利用できます。お好みの色やサイト内容のイメージに合った色を設定してください。

 

カラーコードイメージ

▲カラーコードイメージ

 

 

エリア別デザインプラン

エリア別デザインプラン は事前にデザインを組んでいるプランです。カエテングラフでは次の数をご用意しています。

 

  • ヘッダー 2 プラン
  • サイドバー 10 プラン
  • 記事一覧 10 プラン
  • コメント 10 プラン
  • メインカラムフリースペース 10 プラン

 

▲エリア別デザインプラン例

 

 

サイト表示横幅

メインカラム・サイドバーの表示横幅 ( 文字や画像が表示される横幅 ) を設定できます。計算が必要ですが方法を設定マニュアルで丁寧に解説しています。

 

 

コンテンツ表示選択

トップとアーカイブページは 記事・記事一覧の表示・非表示 を設定できます。

 

 

 

 

 

 

広告表示が簡単にできる豊富なフリースペース

 

 

カエテングラフは広告・イメージ画像・インフォメーションを表示するフリースペースの設定も簡単です。閲覧者の行動と目線に基づくクリックされやすい場所やこれまでのサポートで要望された場所など 9 エリアで 15 箇所 をご用意しています。

 

無料ブログでは記事に直接入れる広告以外は HTML の直接編集が必要です。
別のテンプレートで「 HTML のどこに追加するのか分らない 」と悩まれた人も多いと思いますがカエテングラフならそんな悩みは即解決します!

 

カエテングラフは編集箇所が分かりやすい HTML ファイル・丁寧に解説した設定マニュアル をご用意しています。

 

 

フリースペース場所一例

▲フリースペース場所一例

フリーエリア設定箇所

  1. ヘッダー 左側・右側
  2. フッター 左側・中央・右側
  3. アイキャッチバナー
  4. 記事内 上部・下部・続きを読む直後
  5. 記事下
  6. コメント送信ボタン下
  7. アーカイブページ 上部・下部
  8. サイドバー プラグイン利用・スクロール追従
  9. メインカラム プラグイン利用

 

 

広告サイズに合わせたサイト横幅設定も可能

楽天・ Amazon ・ Google アドセンス・各種 ASP で広告の横幅サイズは様々ですので貼りたい広告が記事欄からはみ出してしまうこともあります。広告横幅に合わせたメインカラム・サイドバーの表示横幅の設定も可能です。

 

 

追従サイドバーフリースペース

スクロールに追従するサイドバーのフリースペースを設定できます。
追従する条件は次となります。

  • 画面横幅 960 px 以上のときのみ
  • インターネットエクスプローラー 11 以外のブラウザのみ

 

 

 

 

 

 

サイト品質とテンプレートの使い勝手を高めるオリジナル機能

 

 

カエテングラフは記事装飾パーツ・SNS ボタン・その他カスタマイズなどサイト品質とテンプレートの使い勝手を高めるオリジナル機能もご用意しています。

 

 

記事を彩り読みやすくする装飾パーツ

 

記事装飾パーツを利用して閲覧者に好印象を与える読みやすい記事が簡単に作れます。17 種類 400 個 以上をご用意しています。

 

 

記事装飾パーツは専用記述をコピー&ペーストするだけで使えます。

専用記述<h2 class="h2-01-main"> テキスト </h2>
表示されるパーツ

タイトル

 

 

記事作成に少しの手間をかけるだけで成果は大きく変わります。

文字だけの記事は、単調で読みづらく流し読みも多くなります。ですが 画像や見出し を使うとアクセントになり格段に読みやすくなります。また、そのように手間をかけた記事は、閲覧者に好印象を与えて信頼・安心を高め、記事がしっかりと読まれるきっかけになりビジネスや収入に繋がりやすくなります。

  1. 文字装飾 文字位置・太字・下線・文字サイズ・文字色・文字背景・蛍光マーカー・蛍光ライン・罫線囲み・文字だけ見出し
  2. テーブル
  3. 画像回り込み
  4. 引用
  5. ボックス
  6. アコーディオン ( 開閉式コンテンツ )
  7. Q&A
  8. ボタン
  9. 記事カード
  10. 会話コンテンツ
  11. flexbox ( 横並びボックス )
  12. h2 タグ
  13. h3 タグ
  14. ul タグ ( 番号なしリスト )
  15. ol タグ ( 番号ありリスト )
  16. バッジ
  17. その他 マージン余白・パディング余白・角丸・横幅・罫線・背景・表示関連

 

  • 記事装飾パーツ一例

H2タグ

H2タグ

H2タグ

H3タグ

H3タグ

H3タグ

  • 番号なしリスト
  • 番号なしリスト
  • 番号なしリスト
  1. 番号ありリスト
  1. 番号ありリスト
  1. 番号ありリスト

文字背景

文字背景

文字背景

蛍光マーカー

蛍光マーカー

蛍光マーカー

蛍光ライン

蛍光ライン

蛍光ライン

罫線囲み

太字・下線

文字だけ見出し

注意して欲しい事の補足説明ボックス
疑問を持たれそうな事の補足説明ボックス
インフォメーションなどの補足説明ボックス
質問テキスト
回答テキスト

flexbox 横並びボックス

flexbox 横並びボックス

名前
名前
会話コンテンツ左側
会話コンテンツ右側
名前
名前
アコーディオン 開閉式コンテンツ ※クリックで開きます
テキストテキストテキストテキストテキストテキスト

 

 

 

シェアボタン・フォローボタン・記事コピーボタン

 

SNS の シェアボタン・フォローボタン をご用意しています。

  • シェアボタン: SNS は 6 つ:

    facebook / twitter / はてなブックマーク / LINE / Pocket / feedly

  • フォローボタン: SNS は 3 つ: facebook / twitter / instagram

記事コピーボタン は記事タイトルとURLをコピーできるボタンです。
昨今ではシェアボタンより利用度が高いとも言われています。

記事タイトルとURLをコピーする

 

 

 

PCとスマホで表示を区分する

 

PC とスマホで 表示を区分する ( 違う広告を表示する等 ) 記述をご用意しています。
無料ブログ側には機能がありませんので JavaScript で デバイス・オペレーティングシステム を区分して表示・非表示を設定します。

デバイス・OS表示する端末備考
iphone / ipad / Android 以外主にPCスマホ用ソースは display:none; で非表示
iphone / ipad / Android主にスマホ・タブレットPC用ソースは display:none; で非表示
  • 非表示の広告ソースはCSSの display:none; で制御しますのでHTMLにソースは存在します
  • 広告によっては紙面上だけの非表示は規約違反になる場合もあります。規約を確認した上で設定してください
  • 規約違反でアカウント停止になっても当方は一切の責任を負いかねますので予めご了承ください

 

 

 

その他カスタマイズ

 

ここまでの説明で紹介してない機能をいくつかご紹介します。
次のカスタマイズが簡単にできるように編集箇所が分かりやすい HTML / CSS ファイル・追加 CSS ソース・丁寧に解説した設定マニュアル をご用意しています。

 

文字サイズ・文字色

記事本文の文字サイズや文字色、リンクの文字色などを設定できます

サイト背景

サイトボディ・メインカラム・サイドバーの背景色を設定できます

ヘッダー画像

ヘッダーの背景画像やサイトタイトルを画像に変更などを設定できます

グローバルメニュー固定

スクロールで上部に固定するグローバルメニューを設定できます

フッターメニュー

フッターのサイトタイトルの上にフッターメニューを設定できます

記事・記事一覧の表示制御

トップページ・アーカイブページで表示・非表示を設定できます

記事一覧サムネイル画像サイズ

記事一覧のサムネイル画像サイズを設定できます

記事一覧 2 カラムレイアウト

記事リストが 2 列レイアウトの記事一覧を設定できます

YouTube / GoogleMap / その他 iframe レスポンシブ対応

スマホ等ではみ出ないようにするレスポンシブ対応を設定できます

スクリプト・アクセス解析タグ

設定しやすいように HTML に 3 箇所の入力欄を設けています

 

 

 

 

 

 

無料ダウンロードできるテンプレート内容まとめ

 

 

カエテングラフ:FC2:トップページ

▲カエテングラフ:FC2:トップページ

テンプレート名

カエテングラフ無料ブログテンプレート体験版 ( FC2ブログ用 )

流行り廃りがないシンプルなデザインでさまざまなジャンルでご利用いただけるテンプレートです

 

テンプレートが利用できる無料ブログサービス

FC2ブログ

 

基本レイアウト

2 カラム右サイドバー

 

サイト横幅 ( 文字や画像が表示される横幅 )

  • メインカラム 650 px / サイドバー 250 px / ヘッダー 1000 px
  • サイト表示幅設定機能で自由に変更できます

 

デフォルトデザイン

  • 図がトップページのデフォルトデザインになります
  • ベースカラーはブルー ( #1e73be ) で変更可能
  • ベースカラー・エリア別デザインプランで様々なデザインに変更可能
  • トップとアーカイブページは記事・記事一覧の表示・非表示を設定可能
  • 記事本文の文字サイズは 16 px で変更可能。記事タイトル・サイドバーなどの文字サイズも変更可能
  • フリースペースは 9 エリアで 15 箇所をご用意

 

テンプレートご利用規約

  • テンプレート ( 含まれる各種ファイル/マニュアルサイト ) の著作権はクリエイティブプランニングが保有しています。第三者に対する無断配布・転売・貸与・交換・改変に関わる全ての行為は一切禁止いたします。
  • マニュアルサイトをレビュー記事等にリンクを貼り不特定多数に公開する行為は一切禁止いたします。マニュアルサイトを公開する行為は第三者に対する無断配布行為と判断します。
  • マルチ商法・ねずみ講・ネットワークビジネス等への勧誘・紹介等を行うサイト、反社会的・暴力的・猟奇的な情報を発信するサイト、犯罪行為その他違法行為を幇助・教唆・助長・指嗾する情報を発信するサイト、第三者の権利を侵害するサイトで当テーマを利用する行為は一切禁止いたします。
  • 禁止事項に該当する不正入手や使用が発覚した場合は使用停止を通告すると共に不正利用者を特定し損害賠償請求を行う場合があります。

 

 

 

 

 

 

 

 

 

 

  • テンプレートのダウンロードは会員登録 ( 無料 ) が必要です
  • 会員登録後に専用サイトよりテンプレートをダウンロードいただきます
  • 会員登録後は ( 1 ) 体験版テンプレ通信 ( 2 ) クリエイティブプランニング公式メルマガに代理登録させていただきます
  • 代理登録メルマガの解除は代理登録後いつでもメルマガ内フォームより可能です