↑このページのトップヘ

道すがらブログのあれこれ ≫ 【ranklet/ランクレット】導入完了!

【ranklet/ランクレット】導入完了!

2020.01.04 08:00|ブログのあれこれ

Fotor_157803966636986.jpg




意外とすんなり導入完了



2017年から2019年にかけてお世話になったブログツール【ACR WEB ページランキング】に別れを告げ、新しく【ranklet/ランクレット】を導入することにしました。
【ranklet/ランクレット】導入前の下準備&事前知識などなど

メインのブログコンテンツの更新が終わりましたので、お正月休みを利用してランクレット導入準備です。本腰をいれて導入準備を勧めていました・・・思ったより簡単に設置完了です。

設置するまえに公式サイトや実際にランクレットを導入しているブロガーの皆様の記事を参考にすすめたおかげでしょうか。知識と経験をブログでわかりやすく伝えてくださる先達の方々には感謝しかありません。

まず導入にあたり、メタタグを見直さなければなりませんでした。ここをきちんと設定しないと検索したり、ランクレットで記事が表示される際に設定文が何も出ず、ただ単にブログタイトルやブログ自体の説明文が表示されて終わりです。

そこで、こちらのサイトのMoz様の記事を参考にメタタグの設定をし直しました。
titleタグ、metaタグおよびURLの構造 - 『検索エンジン最適化の初心者ガイド』改訂版#4-2
※[Moz - SEOとインバウンドマーケティングの実践情報(https://webtan.impress.co.jp/)]

非常にわかり易い内容で、メタタグ等の知識がほぼ0のカラスでもメタタグの設定がスムーズに行えました。やはりブログを書くにあたってはこういった基礎知識が大切ですね・・・。

続いて、実際に導入するにあたってデフォルト版があまり好きではなかったので表示形式を変更することに。

デフォルト版はこんな感じです。

eryghr5tyr5tyr5tyreee.png


変更したい点は次の部分です。

①個別記事の説明文が表示されると画面が狭く感じるので省略したい。

②個別記事間の間が広い

③ランキングの数字をもっとこう・・・なんとかしたい


これらの変更は、ランクレットのHTML、CSSを変更することで変えられるようなのですが、勿論そんな高等テクニックは持ち合わせていないのでこれもmbdb様の記事を参考になんとか出来ました。
Google Analytics連携でアクセスランキングを作れる「Ranklet」の汎用テンプレートを作ってみた件
※[mbdb(https://mbdb.jp/)]


丁度私が欲しかったものがこちらの記事に全てありました。疑問や不安に思っている部分をピンポイントに解決してくれる記事、正にこういった記事をいつかはカラスも書いてみたいです。


その結果、表示形式がこんな感じになりました。

retygreytgeryhre55yhreyhyedswww.png


大満足です。もはや何も言うことはありません。正月休みとMoz様、mbdb様に感謝です。2020年はこういったブログ勉強も頑張らないといけませんね!




関連記事


 

コメント

非公開コメント

Sponsored Links

カテゴリ

道すがら検索

人気の旅先

旅人のつぶやき

月別記事

2020年 10月 【11件】
2020年 09月 【13件】
2020年 08月 【25件】
2020年 07月 【22件】
2020年 06月 【23件】
2020年 05月 【16件】
2020年 04月 【21件】
2020年 03月 【24件】
2020年 02月 【15件】
2020年 01月 【25件】
2019年 12月 【33件】
2019年 11月 【21件】
2019年 10月 【14件】
2019年 09月 【24件】
2019年 08月 【34件】
2019年 07月 【20件】
2019年 06月 【19件】
2019年 05月 【27件】
2019年 04月 【29件】
2019年 03月 【25件】
2019年 02月 【28件】
2019年 01月 【28件】
2018年 12月 【31件】
2018年 11月 【30件】
2018年 10月 【36件】
2018年 09月 【32件】
2018年 08月 【39件】
2018年 07月 【32件】
2018年 06月 【30件】
2018年 05月 【39件】
2018年 04月 【48件】
2018年 03月 【46件】
2018年 02月 【34件】
2018年 01月 【52件】
2017年 12月 【46件】
2017年 11月 【30件】
2017年 10月 【34件】
2017年 09月 【47件】
2017年 08月 【55件】
2017年 07月 【41件】
2017年 06月 【55件】
2017年 05月 【47件】
2017年 04月 【51件】
2017年 03月 【45件】
2017年 02月 【35件】
2017年 01月 【47件】
2016年 12月 【54件】
2016年 11月 【37件】
2016年 10月 【72件】
2016年 09月 【2件】
 

異世界への旅路

神姫PROJECT まとめ アンテナ GO
グラ神ポータル

Sponsored Links

道先案内鳥

神姫プロジェクト(神プロ)攻略ブログ[道すがら]の案内鳥【カラス】です。
ゲーム開始:リリースと同時
ブログ開始:2016年10月くらい

↓ブログについて↓
ブログ案内ページへ
↓ツイッター↓
道すがらツイッターページへ

【カラスへお手紙】