www.design-memo.com サイト解析まとめ

基本情報

サイトトップhttps://www.design-memo.com

HTMLサイズ

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

内部リンク集計

リンク総数165

外部リンク集計

リンク総数35

メタ情報

meta description平均長103.93
OGPありページ数14
Twitterカードありページ数14

HTML言語 分布

キー割合
ja100.00%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

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

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

キー
038
2574
422
52

内部リンク 上位URL

URLリンク総数
https://www.design-memo.com/category/coding28
https://www.design-memo.com/category/webdesign20
https://www.design-memo.com/category/webmaster20
https://www.design-memo.com/19
https://www.design-memo.com19
https://www.design-memo.com/tag/css18
https://www.design-memo.com/coding/css-grid-center15
https://www.design-memo.com/tag/html15
https://www.design-memo.com/tag/font12
https://www.design-memo.com/tag/illustrator12
https://www.design-memo.com/tag/jquery12
https://www.design-memo.com/tag/seo12
https://www.design-memo.com/coding/object-fit-property12
https://www.design-memo.com/coding/box-size-border-box12
https://www.design-memo.com/tag/photoshop11
https://www.design-memo.com/tag/php11
https://www.design-memo.com/tag/sass11
https://www.design-memo.com/tag/tips11
https://www.design-memo.com/tag/tool11
https://www.design-memo.com/tag/wordpress11

キーワード分析(KeywordMap)

ワードクラウド上位

重み
Photoshopを使って1
box0.934206
active0.934206
画像0.747365
ここでは0.571429
このように0.571429
見出し0.560524
width0.560524
CSS0.554038
font0.520219
そして0.468512
border0.468512
HTML0.466559
以上が0.439112
しかし0.428571
Illustrator0.416175
jQuery0.416175
SEO0.416175
CSSを使ってボタンをデザインする方法はいろいろありますが0.395492
例えば0.395492
まずは0.395492
Photoshop0.381494
PHP0.381494
Sass0.381494
Tips0.381494
tool0.381494
WordPress0.381494
スマホ0.381494
フレームワーク0.381494
マーケティング0.381494
レスポンシブWebデザイン0.381494
画像加工0.381494
配色0.381494
横幅0.373682
sizing0.373682
btn0.373682
data0.373682
メニューから0.373682
で適用します0.373682
Webサイトのコンテンツを中央揃えで表示させる方法は0.351384
昔からあるmarginを使うテクニックや最近では0.351384
fle0.351384
ちょっとしたデザインなら画像として0.351384
今回はボーダーを利用してボタンを手描き風に表現する0.351384
CSSのflexを用いた基本的なレイアウト方法の紹介0.351384
今回は単純な2カラムレイアウトの組み方について見ていきま0.351384
CSSを使って0.351384
残りのテキストは省略する方法を0.351384
webkit系の限定になってしまいますが0.351384
CSSを使ってスクロールバーをデザインする方法を紹介します0.351384

共起語上位

語1語2スコア共起ページ数
レスポンシブWebデザイン画像加工3.51028944
PHPPhotoshop3.21391644
PHPSass3.21391644
Tipstool3.21391644
WordPresstool3.21391644
WordPressスマホ3.21391644
スマホフレームワーク3.21391644
フレームワークマーケティング3.21391644
マーケティングレスポンシブWebデザイン3.21391644
画像加工配色3.20469133
PhotoshopjQuery3.0983544
SEOSass3.0983544
SEOTips3.0983544
IllustratorjQuery2.98278444
レスポンシブWebデザイン配色2.95518633
マーケティング画像加工2.63351733
HTMLIllustrator2.60069244
Designmemo2.43540519
PhotoshopSass2.38401133
SassTips2.38401133
TipsWordPress2.38401133
toolスマホ2.38401133
WordPressフレームワーク2.38401133
スマホマーケティング2.38401133
フレームワークレスポンシブWebデザイン2.38401133
コンテンツを動的に生成している場合などに時々要素が空っ2.37825412
CSSを使って残りのテキストは省略する方法を2.33261912
CSSを使ってスクロールバーをデザインする方法を紹介しますwebkit系の限定になってしまいますが2.33261912
CSSfont2.31082148
HTMLfont2.30431944
Design配色2.29682622
Webサイトのコンテンツを中央揃えで表示させる方法は昔からあるmarginを使うテクニックや最近では2.29013512
fle昔からあるmarginを使うテクニックや最近では2.29013512
fleちょっとしたデザインなら画像として2.29013512
CSSのflexを用いた基本的なレイアウト方法の紹介今回は単純な2カラムレイアウトの組み方について見ていきま2.29013512
CSSを使って今回は単純な2カラムレイアウトの組み方について見ていきま2.29013512
CSSを使ってスクロールバーをデザインする方法を紹介しますMac2.29013512
Macページ内に表示されているテキストを選択したとき2.29013512
その部分には青系の色がかかると思いますページ内に表示されているテキストを選択したとき2.29013512
この選択されている箇所その部分には青系の色がかかると思います2.29013512
この選択されている箇所フォームなどで使用されるテキストエリアは2.29013512
CSSを使って空の要素を非表示にする方法を紹介しますコンテンツを動的に生成している場合などに時々2.29013512
IllustratorPhotoshop2.2867233
PHPjQuery2.2867233
PHPSEO2.2867233
SEOtool2.2867233
画像見出し2.17786512
CSSを使ってボタンをデザインする方法はいろいろありますが今回はボーダーを利用してボタンを手描き風に表現する2.11298612
Design画像加工2.04339422
Webサイトに予約システムを組み込みたいと思ったときWordPressのプラグインを利用すれば簡単にWeb予2.0333398

類似サイトはこちら