前から気になっていたのが、
ブラウザなどでホームページをみると、小さく表示される、アイコン。
有名なサイトだと、下の様に当たり前に独自のアイコンが表示されています。
ここ、自分のブログサイトは、
こんな感じでFC2ブログのアイコン。
ここを独自のに変えたい！！！
って事で、調べると。
favicon
ファビコン
なる物があり、設定できそう！
ネットで調べると、
すぐに設定方法がみつかり、わかりやすく説明してくれているので、すぐに設定できました。
ちょっとした事ですが、うれしいですね！！！！
これができたなら気になるのが・・・
iphoneなどで、好きなサイトをホーム画面に追加できる時のアイコンも同じにしたい！
ってこと。
faviconを変更すれば、ホーム画面のアイコンも変わると思っていましたが、甘かったです・・・
別で、
apple-touth-icon
を設定しないといけないみたいです。
まぁ、faviconの設定とほぼ同じなので簡単！！！
余裕と思ってやると・・・・
全然うまくいかない！！！！
なんで？
画像の種類や大きさ、ファイル名を変更しても同じ。
色々調べるけど、間違ってもなさそう・・・
色々調べていくと、、
メタタグ設定を有効しないといけないって事がわかり、
設定>環境設定>ブログの設定>メタタグの設定(OGP設定)>有効にする
にしたけど、無理・・・
半分諦めかけて、ダメもとで
コードを貼り付ける場所を、
headタグ内のどこでもいいらしいけど、
<head>の記載があるすぐ後にコードをうつしてみると、
上手く設定されました。
コード記述がダブっていると、最初の記述が優先されるみたいだけど、
コードがダブってないのは、確認済み。
なんかよくわからないけど、上手くいったからいいか！！！
なんかこんな感じで謎のまま上手くいく事があるよなｗ
そんな時は・・・・
上手くいったなら気にしないｗ
