www.decoboko.jp サイト解析まとめ

基本情報

サイトトップhttps://www.decoboko.jp

HTMLサイズ

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

内部リンク集計

リンク総数100

外部リンク集計

リンク総数29

メタ情報

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

HTML言語 分布

キー割合
ja100.00%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

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

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

キー
089
1147
2770
365
43

内部リンク 上位URL

URLリンク総数
https://www.decoboko.jp/89
https://www.decoboko.jp/template/45
https://www.decoboko.jp/category/css/27
https://www.decoboko.jp/category/hp/19
https://www.decoboko.jp/category/%e8%bb%a2%e8%81%b7/web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%81%ae%e8%bb%a2%e8%81%b7/19
https://www.decoboko.jp/category/%e8%bb%a2%e8%81%b7/18
https://www.decoboko.jp/tag/css/18
https://www.decoboko.jp/category/css/css%e3%82%b5%e3%83%b3%e3%83%97%e3%83%ab/16
https://www.decoboko.jp/tag/30%e4%bb%a3%e6%9c%aa%e7%b5%8c%e9%a8%93%e3%81%a7web%e3%83%87%e3%82%b6%e3%82%a4%e3%83%8a%e3%83%bc%e3%82%92%e7%9b%ae%e6%8c%87%e3%81%99/16
https://www.decoboko.jp/tag/box-shadow/16
https://www.decoboko.jp/tag/css-edging/16
https://www.decoboko.jp/tag/flex/16
https://www.decoboko.jp/tag/keyframes/16
https://www.decoboko.jp/feed/15
https://www.decoboko.jp/category/html-tag/15
https://www.decoboko.jp/category/javascript/15
https://www.decoboko.jp/category/seo%e5%af%be%e7%ad%96/15
https://www.decoboko.jp/category/wordpress/15
https://www.decoboko.jp/category/%e3%82%b5%e3%83%bc%e3%83%90%e3%83%bc%e8%a8%ad%e5%ae%9a/15
https://www.decoboko.jp/category/hp/php/15

キーワード分析(KeywordMap)

ワードクラウド上位

重み
text1
box1
flex1
です1
実務経験あり1
次は1
また1
架空のコーポレートサイトやお店のサイトなどを制作1
が大切です1
CSS0.744042
shadowプロパティを重ねることで0.5
CSSだけで縁取り文字0.5
アウトライン文字0.5
を作ることが可能です0.5
基本のCSS0.5
太めの縁取り0.5
shadowの数を増やすことで縁取りを強調できます0.5
フェードイン0.5
フェードアウトは0.5
ページ遷移やコンテンツ表示時に柔らかい印象を与える演出です0.5
CSSだけで滑らかな出現0.5
消失を表現できます0.5
マウスを乗せたときだけフェードインしたい場合は0.5
hover0.5
transition0.5
を使って実現できます0.5
eventsを制御すると0.5
表示非表示の制御も可能です0.5
立体感のあるボタンは0.5
押せそうな印象を与えるため0.5
UIにメリハリをつけたいときに活躍します0.5
shadowを活用することで影をつけ0.5
見た目に奥行きを出すことができます0.5
shadowの色や距離で印象が大きく変わります0.5
flexboxを活用すると0.5
複雑な調整なしに簡単に横並びレイアウトを実現できます0.5
少し前は0.5
横並びレイアウトに0.5
floatを使用していましたが0.5
現在はCSS3から登場した0.5
flexbox0.5
が一般的になっています0.5
横幅や間隔の調整も柔軟にできるので0.5
レスポンシブデザインにも最適です0.5
横並びにしたメニューを画面の右側に寄せたい場合は0.5
justify0.5
content0.5
endを使うと簡単に調整可能です0.5
gap0.5
Grid0.5

共起語上位

語1語2スコア共起ページ数
かわいいフリーイラスト素材イラストたうん3.91539860
お店イラストたうん3.2698245
お店かわいいフリーイラスト素材3.11433745
お店会社のホームページ作成なら2.84808830
イラストたうん会社のホームページ作成なら2.43238730
かわいいフリーイラスト素材会社のホームページ作成なら2.31672530
Decoweb会社のホームページ作成なら2.1465115
Decowebお店1.78027815
したりするのがおすすめです架空のコーポレートサイトやお店のサイトなどを制作1.6471235
boxshadowを活用することで影をつけ1.5897225
box見た目に奥行きを出すことができます1.5897225
フェードアウトはフェードイン1.5276564
押せそうな印象を与えるため立体感のあるボタンは1.5276564
flexboxを活用すると複雑な調整なしに簡単に横並びレイアウトを実現できます1.5276564
30代になってからでもWebデザイナーになりたい1.5276564
Decowebイラストたうん1.52043215
Decowebかわいいフリーイラスト素材1.44813415
CSSだけで縁取り文字shadowプロパティを重ねることで1.4458734
CSSだけで縁取り文字アウトライン文字1.4458734
を作ることが可能ですアウトライン文字1.4458734
を作ることが可能です基本のCSS1.4458734
基本のCSS太めの縁取り1.4458734
フェードアウトはページ遷移やコンテンツ表示時に柔らかい印象を与える演出です1.4458734
CSSだけで滑らかな出現ページ遷移やコンテンツ表示時に柔らかい印象を与える演出です1.4458734
CSSだけで滑らかな出現消失を表現できます1.4458734
マウスを乗せたときだけフェードインしたい場合は消失を表現できます1.4458734
hoverマウスを乗せたときだけフェードインしたい場合は1.4458734
hovertransition1.4458734
transitionを使って実現できます1.4458734
eventsを制御するとを使って実現できます1.4458734
eventsを制御すると表示非表示の制御も可能です1.4458734
UIにメリハリをつけたいときに活躍します押せそうな印象を与えるため1.4458734
shadowを活用することで影をつけ見た目に奥行きを出すことができます1.4458734
少し前は複雑な調整なしに簡単に横並びレイアウトを実現できます1.4458734
少し前は横並びレイアウトに1.4458734
floatを使用していましたが横並びレイアウトに1.4458734
floatを使用していましたが現在はCSS3から登場した1.4458734
flexbox現在はCSS3から登場した1.4458734
flexboxが一般的になっています1.4458734
が一般的になっています横幅や間隔の調整も柔軟にできるので1.4458734
レスポンシブデザインにも最適です横幅や間隔の調整も柔軟にできるので1.4458734
レスポンシブデザインにも最適です横並びにしたメニューを画面の右側に寄せたい場合は1.4458734
justify横並びにしたメニューを画面の右側に寄せたい場合は1.4458734
contentjustify1.4458734
endを使うと簡単に調整可能ですgap1.4458734
Grid同様1.4458734
同様要素間の間隔を均等に調整でき便利です1.4458734
Webデザイナーになりたいそんな思いを抱く人は少なくありません1.4458734
そんな思いを抱く人は少なくありません長年続けてきた仕事に区切りをつけ1.4458734
新しいキャリアに挑戦したい長年続けてきた仕事に区切りをつけ1.4458734

類似サイトはこちら

被リンク情報

このデータの閲覧には会員登録が必要になります。会員登録