neatdesignjournal.com サイト解析まとめ

基本情報

サイトトップhttps://neatdesignjournal.com

HTMLサイズ

1ページ平均HTML(バイト)27461.07

内部リンク集計

リンク総数6

外部リンク集計

リンク総数51

メタ情報

meta description平均長100
OGPありページ数15
Twitterカードありページ数15

HTML言語 分布

キー割合
ja100.00%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

ユニーク内部リンク数6
ページあたり内部リンク平均1.47

内部リンク 深さヒストグラム

キー
015
17

内部リンク 上位URL

URLリンク総数
https://neatdesignjournal.com15
https://neatdesignjournal.com/inquiry-form-1/2
https://neatdesignjournal.com/pseudo-classes/2
https://neatdesignjournal.com/dark-mode-css-only/1
https://neatdesignjournal.com/css-variables/1
https://neatdesignjournal.com/color-mode-switch/1

キーワード分析(KeywordMap)

ワードクラウド上位

重み
light1
dark1
where0.973723
ryskyshd0.947088
color0.822356
transition0.765068
img0.747825
blockquote0.747825
label0.722222
1lh0.654347
4px0.654347
line0.560869
height0.560869
table0.556413
mode0.555556
block0.5
CSS0.49907
See0.473544
Pen0.473544
CodePen0.473544
text0.41731
data0.41731
32px0.41731
margin0.410627
start0.388889
input0.379226
decoration0.373912
24px0.373912
article0.333333
例えば0.303381
link0.280434
aria0.280434
list0.280434
28px0.280434
size0.280434
擬似クラス0.280434
要素の子要素0.280434
Ryzen0.280434
にしようと思います0.280434
ここでは0.278207
var0.278207
カスタムプロパティ0.278207
1024px0.278207
要素の0.278207
Untitled0.277778
を指定します0.277778
要素0.277778
要素に0.265458
また0.236772
私の場合0.228126

共起語上位

語1語2スコア共起ページ数
PenSee3.69793872
CodePenryskyshd3.39671367
darklight3.08299857
heightline2.88712524
blockquoteimg2.87292729
datamode2.59311225
colormode2.5461343
blockstart2.48783624
marginstart2.38511323
blockmargin2.38222925
checkboxtype2.33707212
decorationtext2.32363316
1lh24px2.11702415
fff背景色は2.1069118
これはこれで簡単にダークモードに対応できて良かったんですが以前にCSSだけでダークモードに対応させる方法を投稿しました2.059248
サイトを閲覧しているユーザーが会社や個人2.059248
カスケーディングサイトのデザイン部分を担うCSS2.059248
コーポーレートサイトで重要なのがこのお問い合わせフォームです私は個人のブログに加えて会社のホームページも作成していますが2.059248
colordata2.03029627
これはこれで簡単にダークモードに対応できて良かったんですが私のように2.0165978
Specificity詳細度2.0165978
Specificityある要素に最も関連性の高い2.0165978
その要素に使用するプロパティ値が決定されます詳細度のアルゴリズムは2.0165978
セレクターの重みを計算し競合する2.0165978
カスケーディングスタイル2.0165978
シートスタイル2.0165978
は日々どんどん進化していますシート2.0165978
は日々どんどん進化しています今日はその中でもCSS変数2.0165978
お客様からの反響やお問い合わせをもれなくキャッチするためにはコーポーレートサイトで重要なのがこのお問い合わせフォームです2.0165978
お客様からの反響やお問い合わせをもれなくキャッチするためにはお客様にとって分かりやすく2.0165978
LevelSelectors2.0165978
classespseudo2.0165978
classesセレクターに付加するキーワードであり2.0165978
セレクターに付加するキーワードであり選択された要素に対して特定の状態を指定します2.0165978
hoverを使用すると2.0165978
を使用するとユーザーのポインターがボタンの上に乗ったときにボタンを選択し2.0165978
この選択されたボタンをスタイル設定することができますユーザーのポインターがボタンの上に乗ったときにボタンを選択し2.0165978
セレクターのリストを引数に取り数多くのセレクターを小さくまとめて書くのに便利です2.0165978
html要素に1.98882916
Penryskyshd1.95470639
anylink1.9428058
PenUntitled1.87919220
これによって宣言を決定するためにブラウザーが使用するアルゴリズムで1.8524918
これによってその要素に使用するプロパティ値が決定されます1.8524918
hover擬似クラス1.8524918
arialabel1.82614212
Untitledryskyshd1.78816420
CSS変数カスタムプロパティ1.7786998
bordercollapse1.7720236
属性に要素の1.7568168

類似サイトはこちら