神戸市のホームページ制作・ネット集客

メニュー

All in One SEOのog:imageメタタグの画像サイズを指定変更する方法

  • 公開日:
  • 更新日:

普段、WordPressのブログ記事など、All in One SEOで、FacebookやTwitterのソーシャルのOGPを設定する際、サムネイル画像(Image Source)で投稿のアイキャッチ画像(Featured Image)を指定しています。

その際、アイキャッチ画像に指定した画像の大きさが6000×4000pxなど大きいサイズの場合、大きい画像のまま、og:imageメタタグに指定されてしまうので、任意の大きさの画像を設定する方法をご紹介します。
(ちなみにFacebookのOGP画像の推奨されている画像の大きさは1200×630pxだそうです。)

functions.phpにフィルターフックを追加

og:imageメタタグの画像サイズをカスタマイズするためのフィルターフックがAll in One SEOに用意されているので、そちらを「functions.php」に追加するだけです。

aioseo_thumbnail_size – AIOSEO

functions.php

/**
* All in One SEO Pack サムネイルサイズを指定
**/
add_filter( 'aioseo_thumbnail_size', function( $imageSize ) {
    return 'large';
} );

設定できる値は

  1. fullsize
  2. large
  3. medium
  4. thumbnail
  5. [ 200, 300 ] など配列でサイズをピクセル指定

といった指定ができるとのことでした。

add_image_size で追加したサムネイルも使用可能

add_image_size()で追加したサムネイル名も指定できるようでした。

functions.php

/**
* カスタムサムネイル
**/
add_image_size('facebook', 1200, 630, true);

/**
* All in One SEO Pack サムネイルサイズを指定
**/
add_filter( 'aioseo_thumbnail_size', function( $imageSize ) {
return 'facebook';
} );

ご相談・お見積りは無料です。
ぜひ一度お気軽にご相談下さい。