前回に引続き、WordPressで作ったページをSNSでシェアする際、サムネイル画像が表示されなかったり、そもそも今まで表示されていなかったものを表示させる方法について書いてみました。
この情報を知りたがっている人はかなり限定されていると思いましたが、これは僕自身の備忘録としても残しておきたいと思い2回にわけて、あまり(いや、全然)面白くない、しかも全然専門的でもない記事を投稿することにしました!(ITリテラシー高い人からすると「今さら何言ってんの?」と言われそうな内容😢)
さて、気を取り直して今回はツイッターでの場合です。前回はFacebookの表示(サムネイル画像やリンク)について書いていますので、Facebookについてお知りになりたい方は、こちらをご参照ください。
Facebook Debuggerという便利なものがあったんですね。
Facebookについては、なにやらこれで難なく解決できました。
で、ほっとしたのもつかの間、ツイッターで他の方のブログをシェアしていた時に気づきました!
他の人のブログはめっちゃ大きなサムネイルと共にタイトルとリンクが貼られているやん!
僕がこれまでツイッターでシェアしてきた方法はというと、URLだけが表示された投稿に件名を手打ち。コメントをつけてシェアしていました。サムネイル画像もないし、件名の手打ちは面倒くさいし。何故今まで気づかなかったのでしょうか。
こちらも即調べてみました。
するとFacebook Debugger同様、簡単に画像表示ができて(しかも大きく)、件名もブログそのままのものがリンクと共に表示される方法があるとわかりました。
こちらについてはWordpressのブログをシェアするとき限定の方法です。
『All in One SEO』というプラグインはご存知でしょうか。すでにインストールされている方も多いかと思いますが、そうでない方はこれをまずインストールする必要があります。
で、左端にあるAll in One SEO
↓『機能管理』をクリック
↓続いて『Activate』をクリック
↓Twitter設定画面までスクロールします。
↓各項目を記入します。『デフォルト Twitterカード』については、”要約の大きい画像” をお勧めします。ツイッターで見たとき、サムネイルが大きい方が目立ちますもんね!
↓最後に『設定を更新』をクリックしましょう。
今回の紹介本
WordPressをカスタマイズすることでそのしくみを理解していくという内容で、多少HTMLやCSSの知識が必要となるため、少しハードルが高めのマニュアル本だと思います。しかし実際にローカル環境にWordPressをインストールし、新しいサイトを構築しながら学んでいく実践スタイルのため、非常に身につきやすい本だといえます。発売時期も2016年と比較的近年で、HTML5やCSS3に対応した内容となっているところもポイント高いです。