MusicServiceすけどんhtml/cssで2行目以降字下げをするIE11でスタイルシートcssが読まれないshellで空白区切りの文字を分割するここは僕の冷蔵庫。後はあれして食べるだけ。金曜日FacebookITSNSfacebookネタです。以前「facebookの投稿でURL指定するとサムネイルが出るが、その画像はどっからくるのん?」という記事をのせました。2話ぐらい書いてますので、是非下記をどうぞ。おさらいhtml上にfacebook用のタグを書くfacebookでは、OGPのタグをみとるという話でした。og:urlとか、og:imageなんかを拾ってくるよと。上記タグを入れた後、https://developers.facebook.com/tools/debug/で内容を確認しましょうというお話でした。出てない場合が多いので、しっかりみましょう。先ほどのURL上でちゃんと確認したけれど、まったくでない時、どうしたらいいかを1つ2つ紹介です。metaタグの位置をかえるog:urlなどのタグを書いているところを変えましょう。headタグ内で書くのがベストです。ブログで拝見しますが、とりあえずhead内に書くようにしましょう。bodyの中だと、先ほどの確認サイトでエラーでかえってきますよ。URL」と書いてあるURLをクリックです。すると、htmlタグがテキストファイルとして出てきます。facebook上で、こんなHTMLを受信し、こっからogタグを抜きましたよっていう話です。<html>~コンテンツ~</html>さて、ここでもう1つ確認です。今、ogタグなどをいれたサイトのソースをみてみてください。この2つをくらべてみてください。なにかずれてるところありませんか?たとえば、htmlタグの開始場所が違うとか。htmlタグの場所が違う方は、本来あるhtmlタグ周辺をよくみてみてください(元のサイト側)。文字化けしているものがあるとか、タグが閉じていないとか、DOCTYPEの前にへんな空白があるとか。手がかりがでてきます。Nemuizo.comねむい蔵(nemuizo)へようこそ。Gem-one(ジェムワン)権蔵の冷蔵庫サイトです。私が、勉強した、経験した、頂いた情報を、貯蔵庫(このサイト)にしまっています。好きな時に出して、好きなように再利用していこうかなと。すけどんも絶賛運用中。Gem-one(ジェムワン)権蔵の冷蔵庫サイトです。私が、勉強した、経験した、頂いた情報を、貯蔵庫(このサイト)にしまっています。好きな時に出して、好きなように再利用していこうかなと。