VK All in One Expansion Unitの設定 ~Lightningカスタマイズ第2回

どうせVK All in One Expansion Unitは使うんだよね?
設定教えて?

LightningとVK All in One Expansion Unitは、普通に使うなら両者で1セットと考えていいです。
テーマ本体は空っぽも同然ですので。
本稿ではVK All in One Expansion Unitを使うことを前提に、機能の説明と設定を記します。

なお、メイン設定の説明については、見たそのままなので割愛します。

Lightning以外の方は、本当にVK All in One Expansion Unitがないとできないかを検討してみてください。
サイト速度が検索順位に影響を与える現在、プラグインは1つでも少ない方がいいので。

【2020/02/25 現行バージョンのものに改訂】

天満川鈴 WRITTEN BY 天満川鈴

VK All in One Expansion Unitの設定

fontawesome link タグを出力

Lightning(テーマ側)で出力しているのでチェックを外します。

VK Blocks拡張

とりあえずはON。
あれば表現の幅が広がります。
様子を見て、使わないようならOFFにしてください。

なお、LightningはBootstrapベースですので、割と簡単に自作できます。

タイトルタグの書換え

ONにします。

メタディスクリプションタグを出力

メタディスクリプションをきっちり書くつもりならONで。
OFFでも差し支えありません。
SEOにおいて検索順位変動の効果は殆どありませんので。

ソーシャルメディア連携

ONにします。

Google Analytics

AMPへの対応予定がないなら、かつプラグインでコードを埋めていなければONにします。
AMPへの対応予定があるならOFFにし、ファイルに直接記述します。

ウィジェット

ONにします。
このプラグイン最大の魅力です。

ウィジェットの一つVK_3PRは下記画像の様にメニューを視覚化することで、訪問者の利便性を一気に上げてくれます。
特にモバイルユーザー。
メニューなんて、いちいち開いてまで見てくれませんので。

数字として調べたわけではありませんが、直接聞いた限りではかなりの好評でした。
私は2つ使って6個表示していますが、本当は3つくらいの方がいいと思います。
(モバイルで縦長になりすぎるため)

ほか、最新情報などもカテゴリ別に表示可能など、よくできています。

企業の場合のモデルはこちらを御参照ください。
うまく作れば、こんな風にできるという事例です。

Bootstrapわかっていれば自分で作れるのは作れるのですが。
お手軽に作れるのがポイントです。

CSSカスタマイズ

管理画面からCSSファイルを編集するならON。
ローカルで編集するならOFF。

子ページの一覧表示

使うならON。
あると結構便利な機能です。
特に企業系ページだと欠かせないと思います。

先祖階層からの子ページリスト表示

使うならON。
私には使い所が今ひとつ見えませんが……。

お問い合わせ情報

文字通りのウィジェット。
でかでかとお問い合わせ情報を示してくれます。

企業系ページならON。
個人ブログなら使い所ないのでOFFでいいと思います。

HTMLサイトマップの表示

サイトマップにはGooglebot用と来訪者用の2種類ありますが、これは後者。
あってもなくても構わないものなので、ONOFFはお好みで。
ただ企業系ページならサイトマップがあった方がいいと個人的には思います。

Call to Action

アンケートや商品ページへの誘導など、訪問者に特定の行動を促すためのウィジェットです。

企業系ならONで。
何かしらに使うと思います。
個人でも使うならONにします。

広告の挿入

アドセンスを使うつもりならONにします。
(企業系だとアドセンスを設置するとは限らないので)

関連記事を表示

OFFで。
細かい設定ができないため使いづらいです。

現在ですとアドセンスの関連コンテンツ機能の許可基準がかなり緩くなっています。
これを使うのがベストでしょう。

noindex

ONにします。
noindexの使い方については、こちらの記事を御覧ください。

noindexとnofollowとは?SEO効果や使い方、注意点など徹底解説!|株式会社ディーボ
noindexとnofollowは、ともにHTMLのheadタグ内にマークアップするmetaタグのことで、両方一緒に書くこともできますがそれぞれ役割が違います。noindexとは、Googleなどの検索エンジンにサイトやページをインデックスさせない(検索に表示されない)ようにするためにHTMLのheadタグ内にマークアップするmetaタグのことです。nofollowとは、Googleなどの検索エンジンのクローラーにリンクを辿らせないようにするためにHTMLのheadタグ内にマークアップするmetaタグのことです。これらのnoindexとnofollow属性を設定することで、SEOへの影響があります。一方、noindexとnofollowを誤って使えば、Googleに評価されづらくなります。具体的には、重要なページのheadタグにnoindexとnofollowを誤って設定すれば、そのページが検索結果から非表示になったり、そのページのリンクをクローラーが辿りません。そうなれば、重要なページからのリンクジュースの流れが途絶えてリンク先ページの品質も下がる可能性が高まります。結果、サイト全体の品質の低下につながるというわけです。こうした良くない状況を回避する為に、noindexとnofollowの基礎を把握して、適切に扱いましょう。
http://seolaboratory.jp

管理バーメニュー

ONにします。
あった方が使いやすいと思います。

カスタム投稿タイプマネージャー

使うならONで。

ページトップへ戻るボタン

ONにします。

スムーススクロール

使うならONですが、基本OFFでいいと思います。
意外に使い所がなく、動作を不安定にするおそれもありますので。

Body classの追加

基本はOFF。
もしカスタマイズなどで必要になればONにするといいです。

ナビメニューclassの改変

説明文の状況に当てはまり、ナビが正常に機能しないならONで。
そうでないならOFFで。
正直申しまして、自分が該当しないのでピンと来ない機能です。

アイキャッチ画像自動挿入

使う人はON。
私は手動でやっているのでOFFにしています。

TinyMCE Style Tags

お好みで。

Bootstrap の CSS(grid/button/tableのみ)を出力

OFFにします。

メタキーワードの出力

OFFで。
廃止予定とある通り、現在では意味のない機能です。

ファビコン設定

廃止予定とありますからOFFの方がいいのでしょうが一応説明を。

ファビコンとは下の画像の○で囲んだ部分です。

%e3%83%95%e3%82%a1%e3%83%93%e3%82%b3%e3%83%b3%e8%aa%ac%e6%98%8e

私は使うのでONにしています。

現在使っていない方は、せっかくなので作ることを推奨します。

まとめ

VK All in One Expansion Unit設定はこんな感じ
次回からは、コードを書き換える系のカスタマイズをしていくわね

天満川 鈴のプロフィール画像
WRITTEN BY

天満川 鈴

未経験からWEB業界に入り、現在はWEBディレクターとして実務に従事。 要件整理・導線設計・コンテンツ構成などを学びながら、日々改善を重ねています。 AIを活用したコンテンツ制作・効率化を強みとし、プロンプト設計を含めた制作フローの最適化にも取り組んでいます。
本サイトでは、WordPressやサイト制作に関する試行錯誤・検証内容を中心に発信。 技術検証の一環として、KUSANAGI公式サイトにて記事を2回紹介いただきました。

RECOMMENDED INFRASTRUCTURE

私はConoHa以外を勧めない。

2016年からずっとConoHaを使い倒してきました。知人に「一番いいサーバーは?」と聞かれたら、迷わずここを教えます。

レンタルサーバーナンバーワンを誇る高速環境であることはもちろん。私が「黒い画面って何?」というド素人からサイト制作のプロになれたのは、傍らにずっとこのはちゃんがいてくれたから。
私がConoHaを使い続ける、嘘偽りない理由です。

※ConoHaに初めて入会の方限定。
本CTAの画像もしくはボタンを押してWINGパック12か月以上を契約すると、最大5000円割引してもらえます。

公式サイトで詳細を見る
× 閉じる