North Detail / ノースディテール

BLOG ブログ

ブログ
CATEGORY
TECH

クリスマスイヴに North Detail WebサイトをGoogleありきで振り返ってみた

※本記事は、NorthDetail Advent Calendar 2020の一環として投稿しています

今年に入ってから追加したブログコンテンツですが、弊社サイトにおいて既に半分以上の『ページビュー・閲覧開始画面』を担っております。
ブログ記事をきっかけにして【North Detail】を、認識していただいた方も多いのではないでしょうか。
そしてセッション数・ユーザ数に関しては、この1年で倍以上になり、サイトパワーが上がってきたことと比例して、検索表示順位も上がってきております。
そんな2020年の【North Detail Webサイト】を、少し早いですが振り返ってみたいと思います。

  1. 技術ブログアクセスランキング
  2. 月別セッション数/ユーザ数
  3. 検索順位@Google
  4. 検索パフォーマンス
  5. おまけ

技術ブログアクセスランキング

(2020/01/01~2020/12/20)

第1位:jsライブラリを使用せずcssでモーショングラフィックス風に円グラフを表示させる件

MORE

WRITER:nanba/ページビュー:2252/閲覧開始数:1471
desktop:90.1%/mobile:9.7%/tablet:0.2%

javascript を使用せずに SVG+css にて、チョットだけイイ感じにアニメーションする円グラフを表示する方法を解説した記事。

第2位:Amplify で開発してみる #1 / API (GraphQL) その1 テーブル一つの実装

MORE

WRITER:tacck/ページビュー:1212/閲覧開始数:950
desktop:89.9%/mobile:9.5%/tablet:0.6%

AWS Amplify の API (GraphQL) を使った開発のチュートリアル記事。
シリーズを通して、基本的な開発手順を知ることができます。

第3位:社内の座席管理システムと勤怠管理システムを連携させる

MORE

WRITER:eiyuu/ページビュー:764/閲覧開始数:573
desktop:82.1%/mobile:16.2%/tablet:1.7%

Chrome Extension を使って既存システムに機能追加した話。
毎日の数十人の数秒を、些細ながら無視できないストレスを低減するという考えが根底にあります。

第4位:「見やすい色」とは?色の見え方の特性について(色のユニバーサルデザインについて vol.1)

MORE

WRITER:あひる/ページビュー:621/閲覧開始数:481
desktop:57.8%/mobile:40.6%/tablet:1.6%

色を判別しづらい人や高齢者には見え方に違いがあるため、見やすいように理解や配慮をする「色のユニバーサルデザイン(カラーユニバーサルデザイン)」ついてまとめました。

第5位:そろそろ CSS Grid(グリッドレイアウト) を理解しておこう

MORE

WRITER:nanba/ページビュー:477/閲覧開始数:225
desktop:92.2%/mobile:7.8%/tablet:0%

チョットだけ複雑で取っつきにくい印象の CSS Grid(グリッドレイアウト) について各プロパティ毎に、記述方法などを解説した記事。

第6位:jsライブラリを使用せずにcssでモーションタイポグラフィっぽく表示させる件

MORE

WRITER:nanba/ページビュー:466/閲覧開始数:177
desktop:89.0%/mobile:11.0%/tablet:0%

表題の通り css のみでクルクルとパタパタと、チョットだけイイ感じに文字などを表示させる方法を解説した記事。

第7位:2020年 新年交礼会が開催されました

MORE

WRITER:F-man/ページビュー:465/閲覧開始数:36
desktop:71.6%/mobile:27.5%/tablet:0.9%

2020年1月7日に、ホテルレオパレス札幌にて開催された『ノースディテール新年交礼会』を、写真を交えて紹介した記事。

第8位:jsライブラリを使用せずにcssで3D表現する件

MORE

WRITER:nanba/ページビュー:462/閲覧開始数:286
desktop:85.9%/mobile:12.3%/tablet:1.8%

transform-style:preserve-3d を使用して css のみで、果敢に雰囲気三次元表現(チカラワザ含む)に挑んでみた記事。

第9位:第7回 ライトニングトーク

MORE

WRITER:まるのみさき/ページビュー:453/閲覧開始数:165
desktop:72.2%/mobile:26.9%/tablet:0.9%

現在ノースディテールでは月に2回のペースで、ライトニングトークを開催しております。
あまり知見のない分野のお話も聞けるので、イロイロな意味で勉強になります!

月別セッション数/ユーザ数

(2020/01/01~2020/12/31)

月別セッション数ユーザ数
1月1,531802
2月1,6961,035
3月1,847950
4月1,755855
5月1,536853
6月2,1301,179
7月2,3421,513
8月2,4291,685
9月2,5851,829
10月3,1112,346
11月2,9812,269
12月3,5712,415

完全に右肩上がりに推移しているのが分かります。
冒頭で書いたように月別セッション数・ユーザ数ともに2倍以上の伸びを見せています。
検索エンジンからの流入が増えているので、純粋にセッション数が増えた分だけ、ユーザ数も同じような値で増え続けている感じだと思います。
とても良い傾向ではありますが、逆を言えば 新規開拓は出来ているがリピーターが増えていない ということになるかと思います。
せっかく1年でここまで 入り口が広くなった のですから、次なる施策は 回遊しやすいサイト構成 を構築する!あたりではないでしょうか。(あくまでも個人的意見です)
横展開しやすいように、技術ブログ内の整備・カテゴリ細分化や、技術以外にも興味を持っていただけるような新規コンテンツ追加なども良いかもしれませんね。(あくまでも個人的意見です)

(2020/12/20 時点)

検索キーワード総検索数検索順位
amplify graphql559,000件3番目
座席管理システム5,750,000件3番目
css 円グラフ1,110,000件3番目
css タイポグラフィ253,000件3番目
css 3D204,000,000件4番目
高齢者 見やすい色1,060,000件4番目
css カスタムデータ1,530,000件6番目
AMP ⚡7,810,000件15番目
css グリッド802,000件17番目
Webフォント SEO12,500,000件19番目

なかなかの ストロングワード でも上位表示されていることが分かります!
これは該当記事内容が充実していることは当たり前ですが、総合的に考えてサイトパワーが上がってきたのと、Googleさんと仲良くできている証拠ではないかと推測できます。

1年でここまでこられたのは、なかなか素晴らしいことだと思います!(自画自賛系)

検索パフォーマンス

(2020/01/01~2020/12/20)

検索キーワードクリック数表示回数
amplify graphql196628
css 円グラフ1201,027
css 3D1181,057
高齢者 見やすい色841,575
円グラフ css70445
座席管理システム60376
css 円グラフ アニメーション60209
css グラフ55811
graphql amplify54126
円グラフ アニメーション css53164

当たり前ですが、アクセス数の多い記事に紐づく検索キーワードがほとんどです。
そしてこの一覧は searchconsole から取得したのですが、検索キーワードの順番とかもキチンと統計されているんですね…知りませんでした。
※会社名的な検索キーワードは除外してあります

おまけ

クリスマスイヴなので、クリスマスらしくトナカイっぽいモノを描いてみた…決して某有名キャラではありません…決して。

nanba
WRITER:nanba
高い技術力を誇る『NorthDetail』内では珍しい『チカラワザ系コーダー』
主な記事 一覧へ

一覧へ

IS 501383 / ISO 27001