MENU
  • ホーム
  • 妊娠・出産
  • 育児・子供の会話
  • 何でも、日常
    • チャレンジ
    • ダイエット
    • 紹介・感想
    • 雑談
  • 看護師・看護学生
  • お問い合わせ
  • プライバシーポリシー
痩せたいけど痩せてないフルタイム・ワ―ママ+ドタバタ3兄弟の雑記
イコロなじかん
  • ホーム
  • 妊娠・出産
  • 育児・子供の会話
  • 何でも、日常
    • チャレンジ
    • ダイエット
    • 紹介・感想
    • 雑談
  • 看護師・看護学生
  • お問い合わせ
  • プライバシーポリシー
  1. ホーム
  2. 何でも、日常
  3. チャレンジ
  4. ブログ初心者でも出来たTwitterのOGP設定方法。プラグイン使わずWordPressテーマSTORK19の記事でTwitterカード設定した方法。

ブログ初心者でも出来たTwitterのOGP設定方法。プラグイン使わずWordPressテーマSTORK19の記事でTwitterカード設定した方法。

2022 2/23
チャレンジ ブログ
2022年2月23日
  • URLをコピーしました!
  • Twitterで自分のブログ更新したのをお知らせした際、画像をクリックすれば記事のページが開くようにしたい。
  • WordPressのプラグイン[All in One SEO]を使えば簡単に設定できるけれど、OGP設定だけ必要でほかのものは使わないから、プラグインは使いたくない。
  • プラグインは使いたくないけど、購入したWordPressテーマにOGP設定がついていない。(本記事の使用しているWordPressテーマはSTORK19を使用しています。)
  • 初心者でもどこに何を入れればいいかわかれば簡単にできる。
目次(もくじ)

OGP設定(Twitterカード設定)をすると何が変わる?

OGP設定(Twitterカード設定)前のツイート

【ブログ更新】
呪術廻戦×ビックリマン 呪術廻戦マンチョコの箱買い開封 https://t.co/AfUBS8DHts

呪術廻戦しらないのに書きました(´+ω+`)
ファンの方オススメどころ教えてください✩.*˚#呪術廻戦 #呪術廻戦マンチョコ #呪術廻戦シール pic.twitter.com/LtAOldLgQh

— イコロ志杏@産科看護師*ブログ (@sian_ikoro) February 21, 2022
長男(小4)

シールコンプできたか気になるのに、画像を押しても画像が表示されるだけで記事を読みにいけない。

【呪術廻戦×ビックリマン 呪術廻戦マンチョコの箱買い開封】のあとの水色になってるリンクの部分を押さないと記事ページにいけないよ。

長男

えっ。その一部分だけ?

押しにくいし、押していいのかすら迷う文字…。

僕は用心深いから押せないや。

OGP設定(Twitterカード設定)後のツイート

呪術廻戦×ビックリマン 呪術廻戦マンチョコの箱買い開封 #呪術廻戦マンチョコ#箱買いhttps://t.co/AfUBS8Efj0

— イコロ志杏@産科看護師*ブログ (@sian_ikoro) February 22, 2022
長男

母さん、今度は画像押すと記事が読めるようになってるよ。
ふむふむ…。

箱で買ったのに1枚コンプできなかったのか。

OGP設定をするには?

  1. OGP設定がはじめから入っているWordPressテーマを使用する。
  2. WordPressのプラグイン[All in One SEO]
  3. HTMLコードを追加でOGP設定タグを使用する。
長男

ねぇ、母さん。僕にはちっともわからないけど…。

①も②も③も何言ってるの?

ちなみに、ママもしっかりはわかってないよ。

IT苦手、PC苦手だからね。

長男

えっ。じゃぁ、どうやってできたの?

とりあえず、
①はママの購入したテーマ「STORK19」には入ってなかったから×
②はプラグインを入れてみたけど、Twitterカードを使いたかっただけなのにほかにもいろんな機能がついててわからなかったのと、ほかに入れてるプラグインと機能が重複してる警告がでたから使いたくなかったの。

長男

じゃぁ残りはよくわからないHTML?を使うの??

そもそもそれ何?

コロン

Hyper Text Markup Languageのことだよ。

うん?横文字言われても、何か説明されても理解できない。

とりあえず、HTMLについてもは何の事かわかっていないけど、ある決められたものを記事にいれればいいだけらしいよ。

長男

ふ~ん。

実際にやってみる(方法だけ知りたい方はこちらまでとんで下さい。)

方法
まずはこれをコピー

<meta property=”og:url” content=”ページのURL“>
<meta property=”og:type” content=”article“>
<meta property=”og:title” content=”記事タイトル“>
<meta property=”og:description” content=”記事の説明文“>
<meta property=”og:site_name” content=”ブログ名“>
<meta property=”og:image” content=”画像のURL“>
<meta name=”twitter:card” content=”summary_large_image“>
<meta name=”twitter:site” content=”@からはじまるTwitterのユーザー名“>

  1. うえのわからない文字たちをコピーします。
  2. WordPressの記事を書きます。
    1. いつも通り、記事を普通に書きます。
    2. 記事が書き終わったら、その記事にもう一つブロックを追加で「カスタムHTML」を追加します。(本記事は、テーマSTORK19でブロックエディタ Gutenberg(グーテンベルグ)使用してます。)
      • +ボタンからブロック追加で、表示に「カスタムHTML」がなければ検索に「HTML」で検索すれば出てきます。
    3. [HTMLを入力…]のところに、①でコピーした上のわからない文字たちを貼り付けします。
    4. 最後に黄色マーカーの部分をTwitterカードで表示したい記事の内容や自分の情報に書き換えます。
    5. 公開を押して記事を完成させます。
  3. Twitterカードが表示できるか【Twitter Card Validator】で確認します。
    1. ネット検索で「Twitterカード 確認」や「ツイッタ―カード 確認」で検索するとでてくるので、こちらのサイトで[card URL]のところに記事のURLを入力し。
    2. [Preview card]のボタンをクリック。
    3. カードが表示されればOKです。

緑マーカーの部分はカスタマイズできる部分で、上のものはページの種類・下のものはTwitterカードの種類を変更できるんだって。

面倒だから私はこの形で作ってしまえば、もう動かさないけど…。

長男

まぁまぁしないといけないことがあるんだね。

③は確認だから必ずしないといけないわけではないみたいなんだけど、③しないと出なかったり、コピーしてはったものの文字が消えてたり書き間違えたりしてうまく表示されなかったりすることがあるから、一応確かめたりしてるよ。

あとがき

長男

でも、母さんやっぱりプラグイン使った方が早かったんじゃないの?

いやぁ、なんとなくいらないかなっと思っちゃったんだよ…。

WordPressのテーマもJINにするか悩んでたんだけど、悩んで答えだす前に勢いでSTORK19買っちゃったから…。

どちらのテーマも1万越えするし、
使い込んでもないうちからJINのほうがいいかもって変えちゃうのもあれだから、
STORK19もJINもきっと初心者には優しいテーマらしいから、
使い込んでみないとわからないもんね。
うんうん。

*最終的に現在はSWELLに変更してます。

長男

母さん、ホントはJINがほしかったの?

なんか自分に言い聞かせてる感があるよ?

STOK19も気に入ってるんだよ。

ふんわりした可愛い雰囲気がだせて好き☆

ブログランキング・にほんブログ村へにほんブログ村
チャレンジ ブログ

この記事が気に入ったら
フォローしてね!

Follow @sian_ikoro
よかったらシェアしてね!
  • URLをコピーしました!

コメント(お気軽にどうそ☆)

コメントする コメントをキャンセル

CAPTCHA


カテゴリー
  • 妊娠・出産
  • 育児・子供の会話
  • 看護師・看護学生
  • ダイエット
    • ダイエット記録
  • 何でも、日常
    • 雑談
    • チャレンジ
    • ブログ
    • 趣味
    • 紹介・感想
    • 商品レビュー
    • 通信、スマホ
イコロっと(ダイエット記録)
イコロっと
イコロ 志杏(しあん)
3人子持ち・ワーママ*看護師
30代・3児の母
フルタイム・ワーママ
プロフィールはこちら
2023年4月
月火水木金土日
 12
3456789
10111213141516
17181920212223
24252627282930
« 2月  
ブログランキング
ブログランキング・にほんブログ村へPVアクセスランキング にほんブログ村
使用中のWordpressテーマ
目次(もくじ)