ryoblog-i.com サイト解析まとめ

基本情報

サイトトップhttps://ryoblog-i.com

HTMLサイズ

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

内部リンク集計

リンク総数19

外部リンク集計

リンク総数10

メタ情報

meta description平均長15.59
OGPありページ数0
Twitterカードありページ数0

HTML言語 分布

キー割合
ja52.63%
lang=47.37%

文字コード 分布

キー割合
utf-8100.00%

内部リンク分析(Internal)

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

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

キー
019
1162
2289

内部リンク 上位URL

URLリンク総数
https://ryoblog-i.com/category/html/38
https://ryoblog-i.com/category/css/38
https://ryoblog-i.com/category/javascript/38
https://ryoblog-i.com/category/php/38
https://ryoblog-i.com/category/wordpress/38
https://ryoblog-i.com/category/car-bike/38
https://ryoblog-i.com/category/drive/38
https://ryoblog-i.com/contact-form/21
https://ryoblog-i.com/%e7%96%91%e4%bc%bc%e8%a6%81%e7%b4%a0%e3%81%abhover%e3%82%92%e5%8a%b9%e3%81%8b%e3%81%9b%e3%82%8b/21
https://ryoblog-i.com/css/21
https://ryoblog-i.com/tire/21
https://ryoblog-i.com/wordpress/21
https://ryoblog-i.com/19
https://ryoblog-i.com/works/19
https://ryoblog-i.com/category/uncategorized/19
https://ryoblog-i.com/contact/19
https://ryoblog-i.com/privacy-policy/19
https://ryoblog-i.com/works/shippingcompany/2
https://ryoblog-i.com/works/hphamburger/2

連絡先候補(Contacts)

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

キーワード分析(KeywordMap)

ワードクラウド上位

重み
当サイトは1
img0.666667
See0.637159
Pen0.637159
Untitled0.637159
flexboxer0.637159
CodePen0.637159
config0.5
php0.5
記事が見つかりませんでした0.352788
before0.333333
your0.333333
name0.333333
画像の前に0.333333
本プライバシーポリシーは0.333333
ただし0.333333
当サイトでは0.333333
動画0.333333
画像0.333333
Hellow0.254864
HTML0.254864
CSS0.166667
疑似要素にhoverを効かせたいけど記述の仕方がわからない0.166667
という方向けの記事です0.166667
結論から言うと0.166667
疑似要素を利かせているセレクタにhoverを記述し0.166667
その後ろに疑似要素の0.166667
after0.166667
を書く0.166667
です0.166667
言葉では理解が難しいので0.166667
コードを見てみましょう0.166667
具体的には0.166667
セレクタ名0.166667
hover0.166667
もしくはafter0.166667
ホバーアクション記述0.166667
という記述になります0.166667
World0.166667
にカーソルを合わせると疑似要素の0.166667
が赤に変化するのが確認できると思います0.166667
記述の順番が逆になるとどうでしょうか0.166667
これだとhoverが効いていないことが確認できます0.166667
疑似要素はとても便利で使い勝手が良いのですが0.166667
少しややこしい点もあるので注意が必要ですね0.166667
それぞれ詳しく見ていきます0.166667
フォームタグはフォーム内の構成要素を囲んで0.166667
フォームを形作る要素です0.166667
また0.166667
送信先や送信方法なども設定できます0.166667

共起語上位

語1語2スコア共起ページ数
このブログでは絶景を求めドライブ三昧3.78600176
このブログでは車やバイク3.48370257
春と秋には季節の花や車とバイクをこよなく愛する2児のパパです3.22819776
春と秋には季節の花や絶景を求めドライブ三昧3.22819776
WEB制作の情報を発信していきます車やバイク3.05247838
絶景を求めドライブ三昧車やバイク3.03634757
Ryosuke車とバイクをこよなく愛する2児のパパです2.66513576
WEB制作の情報を発信していきますこのブログでは2.61890738
PenSee2.60232720
PenUntitled2.60232720
CodePenflexboxer2.60232720
このブログでは春と秋には季節の花や2.45960657
WEB制作の情報を発信していきますryoblog2.33104219
WEB制作の情報を発信していきます絶景を求めドライブ三昧2.28260338
configphp2.25871911
絶景を求めドライブ三昧車とバイクをこよなく愛する2児のパパです2.0122557
動画画像1.9513998
nameyour1.9447327
ryoblog車やバイク1.94222319
SeeUntitled1.92964215
春と秋には季節の花や車やバイク1.6715238
ryoblogこのブログでは1.66635219
yourとinput要素のid属性1.6028975
nameとinput要素のid属性1.6028975
Ryosuke春と秋には季節の花や1.56067957
CSS疑似要素にhoverを効かせたいけど記述の仕方がわからない1.5327344
そんなこと言われなくても知っとるわバイク1.5327344
WordPressローカル環境で作成したWordPressテーマを1.5327344
ハンバーガー店HP運送会社HP1.5327344
デザインから作成架空のハンバーガー店ホームページを作成しました1.5327344
企業サイトらしく架空の運送会社サイトを作成1.5327344
という方向けの記事です疑似要素にhoverを効かせたいけど記述の仕方がわからない1.4560314
という方向けの記事です結論から言うと1.4560314
疑似要素を利かせているセレクタにhoverを記述し結論から言うと1.4560314
その後ろに疑似要素の疑似要素を利かせているセレクタにhoverを記述し1.4560314
afterを書く1.4560314
ですを書く1.4560314
です言葉では理解が難しいので1.4560314
コードを見てみましょう言葉では理解が難しいので1.4560314
コードを見てみましょう具体的には1.4560314
セレクタ名具体的には1.4560314
hoverセレクタ名1.4560314
もしくはafterホバーアクション記述1.4560314
という記述になりますホバーアクション記述1.4560314
Worldにカーソルを合わせると疑似要素の1.4560314
が赤に変化するのが確認できると思いますにカーソルを合わせると疑似要素の1.4560314
が赤に変化するのが確認できると思います記述の順番が逆になるとどうでしょうか1.4560314
これだとhoverが効いていないことが確認できます疑似要素はとても便利で使い勝手が良いのですが1.4560314
少しややこしい点もあるので注意が必要ですね疑似要素はとても便利で使い勝手が良いのですが1.4560314
それぞれ詳しく見ていきますフォームタグはフォーム内の構成要素を囲んで1.4560314

類似サイトはこちら