基本情報
| サイトトップ | https://webdesignreference.fc2.net |
|---|
HTMLサイズ
| 1ページ平均HTML（バイト） | 41579.93 |
|---|
内部リンク集計
| リンク総数 | 86 |
|---|
外部リンク集計
| リンク総数 | 162 |
|---|
メタ情報
| meta description平均長 | 179.88 |
|---|---|
| OGPありページ数 | 0 |
| Twitterカードありページ数 | 0 |
HTML言語 分布
| キー | 割合 |
|---|---|
| ja | 100.00% |
文字コード 分布
| キー | 割合 |
|---|---|
| utf-8 | 100.00% |
内部リンク分析（Internal）
| ユニーク内部リンク数 | 86 |
|---|---|
| ページあたり内部リンク平均 | 33.27 |
内部リンク 深さヒストグラム
| キー | 値 |
|---|---|
| 0 | 90 |
| 1 | 336 |
| 2 | 73 |
内部リンク 上位URL
キーワード分析（KeywordMap）
ワードクラウド上位
| 語 | 重み |
|---|---|
| Pen | 1 |
| CodePen | 1 |
| Button | 0.630435 |
| See | 0.519916 |
| CSS | 0.413043 |
| Hover | 0.347826 |
| hover | 0.217391 |
| button | 0.195652 |
| Effects | 0.195652 |
| effect | 0.173913 |
| Pure | 0.086957 |
| Animations | 0.086957 |
| 万能系 | 0.077519 |
| シンプル | 0.077519 |
| wweb | 0.077519 |
| dev | 0.074274 |
| Kyle | 0.065217 |
| Brumm | 0.065217 |
| kjbrum | 0.065217 |
| SVG | 0.065217 |
| SANKOU | 0.064699 |
| 斜め線 | 0.063663 |
| セパレーター | 0.053053 |
| 簡単に実装 | 0.053053 |
| おしゃれなCSSの境界線を実装できるサイト | 0.053053 |
| 配色 | 0.048524 |
| 画像やサイトの背景に使える | 0.048524 |
| 便利なSVG画像ジェネレータ | 0.048524 |
| サイトタイプ | 0.043478 |
| レイアウト | 0.043478 |
| から検索可能 | 0.043478 |
| Background | 0.043478 |
| thelaazyguy | 0.043478 |
| Buttons | 0.043478 |
| ただの文字かと思いきや | 0.043478 |
| Giana | 0.043478 |
| giana | 0.043478 |
| transitions | 0.043478 |
| Danil | 0.043478 |
| Goncharenko | 0.043478 |
| Danil89 | 0.043478 |
| foxeisen | 0.043478 |
| abadu | 0.043478 |
| Grsmto | 0.043478 |
| pure | 0.043478 |
| など | 0.043478 |
| 三角 | 0.043478 |
| ぜひ自分の好みに合った素材サイトを見つけて役立ててください | 0.042442 |
| 今回はメインビジュアルやセクションの境界線 | 0.042442 |
| 波や斜めにする方法をご紹介します | 0.042442 |
共起語上位
| 語1 | 語2 | スコア | 共起ページ数 |
|---|---|---|---|
| Pen | See | 3.835118 | 184 |
| デザイン参考サイト | ノンデザイナーのための | 3.80918 | 60 |
| Halo | この人とブロともになる | 3.80918 | 60 |
| 最新記事 | 検索フォーム | 3.507486 | 60 |
| 最新コメント | 最新記事 | 3.507486 | 60 |
| 最新コメント | 月別アーカイブ | 3.507486 | 60 |
| ブロとも申請フォーム | 月別アーカイブ | 3.507486 | 60 |
| この人とブロともになる | ブロとも申請フォーム | 3.507486 | 60 |
| Halo | designed | 3.497705 | 45 |
| designed | この人とブロともになる | 3.241011 | 45 |
| Akira | designed | 3.061069 | 30 |
| Halo | ブロとも申請フォーム | 2.910075 | 45 |
| Akira | Halo | 2.796479 | 30 |
| dev | wweb | 2.730421 | 24 |
| おしゃれなCSSの境界線を実装できるサイト | 簡単に実装 | 2.666027 | 18 |
| 最新コメント | 検索フォーム | 2.653381 | 45 |
| 最新記事 | 月別アーカイブ | 2.653381 | 45 |
| ブロとも申請フォーム | 最新コメント | 2.653381 | 45 |
| この人とブロともになる | 月別アーカイブ | 2.653381 | 45 |
| Akira | この人とブロともになる | 2.591248 | 30 |
| 波や斜めにする方法をご紹介します | 難しそうという印象を持たれやすいですが | 2.54336 | 16 |
| SVGを使うことで簡単に実装が出来ます | 難しそうという印象を持たれやすいですが | 2.54336 | 16 |
| BOLBデザインはそのままワンポイントとして背景に使ったり | 半透明にして重ねたり | 2.54336 | 16 |
| 半透明にして重ねたり | 画像の切り抜きに使ったりと応用が利きます | 2.54336 | 16 |
| ぜひ試してみてください | 画像の切り抜きに使ったりと応用が利きます | 2.54336 | 16 |
| グラデーション | 背景色は単色 | 2.54336 | 16 |
| グラデーション | パターンの中から選ぶことができます | 2.54336 | 16 |
| そこで配色を簡単に決めれる | 頼もしいサイトを用途別にご紹介します | 2.54336 | 16 |
| CSSで作る動きのあるボタンを集めてみました | 思わずハマる | 2.54336 | 16 |
| CSSで作る動きのあるボタンを集めてみました | ボタンは反応率にも関わるサイトの中でも重要なパーツ | 2.54336 | 16 |
| ボタンは反応率にも関わるサイトの中でも重要なパーツ | 今回はアニメーションを５つに分類して紹介していきます | 2.54336 | 16 |
| effect | hover | 2.538027 | 28 |
| セパレーター | 今回はメインビジュアルやセクションの境界線 | 2.398434 | 16 |
| セパレーター | 波や斜めにする方法をご紹介します | 2.398434 | 16 |
| Akira | FC2Ad | 2.338461 | 15 |
| かわいい | ユニーク | 2.318776 | 12 |
| ユニーク | 特化型 | 2.318776 | 12 |
| アイコン | 特化型 | 2.318776 | 12 |
| アイコン | ノンジャンル | 2.318776 | 12 |
| ちょうどいいイラスト | ソコスト | 2.318776 | 12 |
| drowing | loose | 2.318776 | 12 |
| drowing | linustock | 2.318776 | 12 |
| Collection | shapedivider | 2.318776 | 12 |
| Collection | Separator | 2.318776 | 12 |
| Separator | Styles | 2.318776 | 12 |
| Row | Styles | 2.318776 | 12 |
| Row | Separators | 2.318776 | 12 |
| Separators | イメージ例 | 2.318776 | 12 |
| イメージ例 | イメージ例01 | 2.318776 | 12 |
| イメージ例01 | イメージ例02 | 2.318776 | 12 |