WEB WING|Affinger5 WORDPRESS

【wordpress|OGP設定|プラグインなし】サイトトップページにもアイキャッチ画像を設定して、キービジュアル可しよう!

投稿日:

OGP設定をしよう!
ドメインURLそのものをツイートしたらアイキャッチがつかない!

メインビジュアルのエラー

何も出ないってかっこわるい
投稿記事でも固定記事でもないときはどうしたらいいんだ?

こんな方におすすめ

  • wordpressのトップ画面をツィートしたらアイキャッチが無しになった。
  • 画像なしの状態で拡散されたら悲しい!
  • OGP設定ってなんだろう
  • Affinger5にOGPを設定できる箇所があるらしい。
さぁ、頑張りましょうー!

 

OGPを設定?!サイトトップページにアイキャッチ画像を設定する。

 

メモ

仕様は「Wordpress」で テーマ「Affinger5」です!

 

サイトトップページをSNS投稿した時に
アイキャッチ画像をキービジュアルとして
反映させるために必要なコードを

OGPコードというようだ・・・

 

設定すれば誰かがこのサイトを宣伝してくれた時に画像付きになる!

Affinger5のhtmlコードに「OGPコード」が入っているのかチェック

AffingerにはOGP用のコードは入っていないぞ・・・!

 

でも・・・

Affinger5なら「管理」から簡単設定できる!!!

 

Affinger5じゃない方はこちらを参考にしてね!
私はAffinger5だけどこのサイトを読んだら勉強になりました!

 

カスタマイズからAffinger5管理画面で設定できます。

注意:私はFacebookを設定していないので空欄です。

Affinger5のOGPコード設定

超簡単!

 

twitterで、きちんとカード設定されているかチェック!

今すぐチェックしたい時に、とても便利で使えるサイトがあります!

 

https://cards-dev.twitter.com/validator

ここでチェックするとどんな風に表示されるのか見れます!

 

出来た!

TWITTERそのものでチェックすると まだキャッシュが残っていて画像なしになりますが、 きちんと出来ました!

 

OGP設定に最適な画像のサイズとは・・・?

最適なサイズは「縦630px × 横1200px」

ぴったりの画像を作ってみた!

OGP

 

超いいかんじ!!
これで解決だーーー!    

 

Affinger5の公式サイトにも載っていました!

 

機能が多すぎて見落としてることが色々ありそうだ!

Copyright© うふふ.TOKYO , 2019 All Rights Reserved.