takahashi-seminar.jp サイト解析まとめ

基本情報

サイトトップhttps://takahashi-seminar.jp

HTMLサイズ

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

内部リンク集計

リンク総数80

外部リンク集計

リンク総数51

メタ情報

meta description平均長110.58
OGPありページ数20
Twitterカードありページ数20

HTML言語 分布

キー割合
ja100.00%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

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

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

キー
099
1450
2888
46

内部リンク 上位URL

URLリンク総数
https://takahashi-seminar.jp/99
https://takahashi-seminar.jp/category/engineer-quiz/72
https://takahashi-seminar.jp/tag/%e3%82%b3%e3%83%bc%e3%83%87%e3%82%a3%e3%83%b3%e3%82%b0%e3%82%af%e3%82%a4%e3%82%ba/54
https://takahashi-seminar.jp/tag/%e3%83%97%e3%83%ad%e3%82%b0%e3%83%a9%e3%83%9f%e3%83%b3%e3%82%b0/54
https://takahashi-seminar.jp/tag/%e5%88%9d%e5%bf%83%e8%80%85%e5%90%91%e3%81%91/44
https://takahashi-seminar.jp/coding-quiz-regex-basics/41
https://takahashi-seminar.jp/sample-page/40
https://takahashi-seminar.jp/coding-quiz-security-xss/40
https://takahashi-seminar.jp/coding-quiz-html-accessibility/39
https://takahashi-seminar.jp/coding-quiz-css-custom-properties/39
https://takahashi-seminar.jp/coding-quiz-performance-optimization/38
https://takahashi-seminar.jp/tag/html/36
https://takahashi-seminar.jp/tag/%e3%83%9e%e3%83%bc%e3%82%af%e3%82%a2%e3%83%83%e3%83%97/36
https://takahashi-seminar.jp/tag/css/34
https://takahashi-seminar.jp/tag/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%aa%e3%83%b3%e3%82%b0/34
https://takahashi-seminar.jp/tag/css-grid/30
https://takahashi-seminar.jp/tag/%e9%96%a2%e6%95%b0%e5%9e%8b/30
https://takahashi-seminar.jp/tag/%e4%b8%8a%e7%b4%9a%e7%b7%a8/26
https://takahashi-seminar.jp/tag/%e4%b8%ad%e7%b4%9a%e7%b7%a8/24
https://takahashi-seminar.jp/tag/flexbox/22

キーワード分析(KeywordMap)

ワードクラウド上位

重み
alt1
Promise1
caption0.75
thead0.75
また0.694135
特に0.576466
次は0.537244
詳細度0.5
time0.5
First0.5
fold0.5
この問題のポイントは0.474956
実際の開発では0.416714
この問題では0.384311
Specificity0.384311
特にWordPressサイトでは0.384311
これにより0.384311
を使用し0.384311
width0.384311
height0.384311
今回はCSS基礎の背景とボーダーについて0.25
モダンなカードデザインを実現するには0.25
適切な色指定0.25
自然な影の表現0.25
そして現代的なボーダーの使い方が重要です0.25
選択肢Aは0.25
これらの要素を最も効果的に組み合わせています0.25
box0.25
shadow0.25
は複数の値を設定でき0.25
水平オフセット0.25
垂直オフセット0.25
ぼかし0.25
拡散0.25
色を指定できます0.25
2px0.25
4px0.25
rgba0.25
水平オフセット00.25
垂直オフセット2px0.25
ぼかし4px0.25
薄い黒色0.25
という意味で0.25
自然で美しい影を作成します0.25
このようなカードデザインは0.25
ブログ記事一覧0.25
商品カード0.25
プロフィールカードなど0.25
様々な場面で応用できます0.25
影の濃さや角丸のサイズは0.25

共起語上位

語1語2スコア共起ページ数
実践的なクイズ形式で学習しましょう解説3.22213268
実践的なクイズ形式で学習しましょう毎日コーディングクイズシリーズ2.48712651
heightwidth1.9525258
time特に1.7302088
foldスクロールなしで見える範囲1.5565375
foldの画像は即座に表示する必要があり1.5565375
Belowfold1.5565375
プロフィールカードなど様々な場面で応用できます1.5330344
この基本的な概念を理解することで今後はボタンの内側余白1.5330344
CSSカスタムプロパティを使用したテーマシステムでは詳細度の理解が成功の鍵となります1.5330344
このようにFlexboxを使用することで保守性が高く1.5330344
ユーザーにとって分かりやすいナビゲーションを提供できます現在のページを示すリンクは常に青色を維持し1.5330344
このパターンを理解することでより効率的で保守性の高いCSSが書けるようになります1.5330344
やフォントサイズの単位カラーネームなど1.5330344
今回のクイズのポイントは特にautocomplete属性は1.5330344
Twitter活用の内容見出しタグの適切な使用は1.5330344
telより複雑なメールパラメータ1.5330344
より保守性が高くセマンティックHTMLを意識することで1.5330344
これはテーブルのヘッダー行ですと正しく読み上げることができます1.5330344
と属性セレクター詳細度1.5143735
data詳細度1.5143735
theme詳細度1.5143735
dark詳細度1.5143735
モダンなカードデザインを実現するには適切な色指定1.456634
自然な影の表現適切な色指定1.456634
そして現代的なボーダーの使い方が重要です自然な影の表現1.456634
そして現代的なボーダーの使い方が重要です選択肢Aは1.456634
これらの要素を最も効果的に組み合わせています選択肢Aは1.456634
boxshadow1.456634
shadowは複数の値を設定でき1.456634
は複数の値を設定でき水平オフセット1.456634
垂直オフセット水平オフセット1.456634
ぼかし垂直オフセット1.456634
ぼかし拡散1.456634
拡散色を指定できます1.456634
2px色を指定できます1.456634
2px4px1.456634
4pxrgba1.456634
rgba水平オフセット01.456634
垂直オフセット2px水平オフセット01.456634
ぼかし4px垂直オフセット2px1.456634
ぼかし4px薄い黒色1.456634
という意味で薄い黒色1.456634
という意味で自然で美しい影を作成します1.456634
このようなカードデザインは自然で美しい影を作成します1.456634
このようなカードデザインはブログ記事一覧1.456634
ブログ記事一覧商品カード1.456634
プロフィールカードなど商品カード1.456634
これはカード内のコンテンツと境界線の間に余白を作る必要があります1.456634
これは要素の内側の余白1.456634

類似サイトはこちら