{"id":11346,"date":"2021-05-06T07:05:28","date_gmt":"2021-05-05T22:05:28","guid":{"rendered":"https:\/\/www.suzukikenichi.com\/blog\/?p=11346"},"modified":"2022-03-16T06:05:25","modified_gmt":"2022-03-15T21:05:25","slug":"google-john-mueller-shares-tips-about-how-to-optimize-image","status":"publish","type":"post","link":"https:\/\/www.suzukikenichi.com\/blog\/google-john-mueller-shares-tips-about-how-to-optimize-image\/","title":{"rendered":"Google\u306e\u30b8\u30e7\u30f3\u30fb\u30df\u30e5\u30fc\u30e9\u30fc\u304c\u753b\u50cfSEO\u306eTIPS\u3092\u5171\u6709"},"content":{"rendered":"<p class=\"p20-b al-r small\">[\u30ec\u30d9\u30eb: \u4e2d\u7d1a]<\/p>\n<p class=\"p30-b\">\u691c\u7d22\u30e6\u30fc\u30b6\u30fc\u306e\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u753b\u50cf\u306e\u6700\u9069\u5316\u3092\u30b3\u30c4\u3092 Google \u306e John Mueller\uff08\u30b8\u30e7\u30f3\u30fb\u30df\u30e5\u30fc\u30e9\u30fc\uff09\u304c <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558187826122753\">Twitter \u306e\u4e00\u9023\u306e\u6295\u7a3f<\/a>\u3067\u5171\u6709\u3057\u307e\u3057\u305f\u3002<\/p>\n<blockquote class=\"twitter-tweet\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">PSA: If you change your image URLs, and you care about Image Search, remember to redirect them. While tweaking my site, I noticed PSI suggesting to change some of my image formats, and realized it&#39;s worth mentioning this again. <a href=\"https:\/\/t.co\/gDHAqJB6eC\">pic.twitter.com\/gDHAqJB6eC<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558187826122753?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<p> <script defer src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<p class=\"p60-b p30-t\">\u3053\u306e\u8a18\u4e8b\u3067\u306f\u3001\u305d\u308c\u3089\u306e\u30b3\u30c4\u306e\u8981\u70b9\u3092\u50d5\u304b\u3089\u306e\u88dc\u8db3\u3092\u4ea4\u3048\u306a\u304c\u3089\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n<h2>\u753b\u50cf\u304c\u91cd\u8981\u304b\u3069\u3046\u304b\u8abf\u3079\u308b<\/h2>\n<p>\u307e\u305a\u3001\u753b\u50cf\u691c\u7d22\u304b\u3089\u306e\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u304c\u91cd\u8981\u304b\u3069\u3046\u304b\u3092\u8abf\u3079\u307e\u3059\u3002<\/p>\n<p>Search Console \u306e\u691c\u7d22\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\u3067\u300c\u691c\u7d22\u30bf\u30a4\u30d7\u300d\u3092\u300c\u753b\u50cf\u300d\u306b\u6307\u5b9a\u3059\u308b\u3068\u753b\u50cf\u691c\u7d22\u306e\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u306b\u7d5e\u308a\u8fbc\u3081\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" itemprop=\"image\" loading=\"lazy\" class=\"bdr\" src=\"https:\/\/www.suzukikenichi.com\/images\/image-perf.png\" alt=\"\u753b\u50cf\u691c\u7d22\u306e\u691c\u7d22\u30d1\u30d5\u30a9\u30fc\u30de\u30f3\u30b9\" width=\"999\" height=\"999\" \/><\/p>\n<p>\u753b\u50cf\u691c\u7d22\u304b\u3089\u610f\u5473\u306e\u3042\u308b\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u304c\u305f\u304f\u3055\u3093\u3042\u308b\u306e\u306a\u3089\u753b\u50cf\u3092\u6700\u9069\u5316\u3059\u308b\u4fa1\u5024\u304c\u3042\u308b\u3067\u3057\u3087\u3046\u3002<br \/>\u9006\u306b\u8a00\u3048\u3070\u3001\u753b\u50cf\u691c\u7d22\u304b\u3089\u306e\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u304c\u3055\u307b\u3069\u91cd\u8981\u3067\u306f\u306a\u3055\u305d\u3046\u306a\u3089\u3001\u624b\u9593\u3072\u307e\u3092\u304b\u3051\u3066\u6539\u5584\u3059\u308b\u4fa1\u5024\u304c\u672c\u5f53\u306b\u3042\u308b\u306e\u304b\u3069\u3046\u304b\u3092\u691c\u8a0e\u3057\u305f\u307b\u3046\u304c\u3044\u3044\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<\/p>\n<div class=\"p40-b p30-t\">\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">Let&#39;s start. Is it really a problem worth focusing on? Check the Search Console performance report ( <a href=\"https:\/\/t.co\/5ZvBuRDxR8\">https:\/\/t.co\/5ZvBuRDxR8<\/a> ), select &quot;Search Type: Image&quot;, and look at the numbers. Are you getting lots of *useful* clicks from Google Images? If so, read on. <a href=\"https:\/\/t.co\/aEMputsFgi\">pic.twitter.com\/aEMputsFgi<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558200715239424?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<\/div>\n<h2>PSI \u3067\u691c\u8a3c<\/h2>\n<p>\u691c\u7d22\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u304c\u591a\u3044\u30da\u30fc\u30b8\u3092 <a href=\"https:\/\/developers.google.com\/speed\/pagespeed\/insights\/?hl=ja\">PageSpeed Insights<\/a> \u3067\u691c\u8a3c\u3057\u307e\u3059\u3002<br \/>\u753b\u50cf\u306b\u95a2\u3059\u308b\u6539\u5584\u304c\u63d0\u6848\u3055\u308c\u308b\u3053\u3068\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n<p>\u305f\u3068\u3048\u3070\u3001\u6b21\u306e\u3088\u3046\u306a\u63d0\u6848\u3067\u3059\u3002<\/p>\n<ul>\n<li>\u9069\u5207\u306a\u30b5\u30a4\u30ba\u306e\u753b\u50cf\u3092\u4f7f\u3046<\/li>\n<li>\u6b21\u4e16\u4ee3\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u3067\u306e\u753b\u50cf\u3092\u914d\u4fe1\u3059\u308b<\/li>\n<li>\u30aa\u30d5\u30b9\u30af\u30ea\u30fc\u30f3\u753b\u50cf\u306e\u9045\u5ef6\u8aad\u307f\u8fbc\u307f (Lazy-loading) \u3059\u308b<\/li>\n<li>\u753b\u50cf\u8981\u7d20\u3067 <code>width<\/code> \u3068 <code>height<\/code> \u3092\u660e\u793a\u7684\u306b\u6307\u5b9a\u3059\u308b<\/li>\n<\/ul>\n<p class=\"p30-t\">\u753b\u50cf\u306e\u8efd\u91cf\u5316\u3084\u30b5\u30a4\u30ba\u5909\u66f4\u3001\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u5909\u63db\uff08\u305f\u3068\u3048\u3070\u3001WebP\uff09\u306b\u306f\u3055\u307e\u3056\u307e\u306a\u30c4\u30fc\u30eb\u3092\u5229\u7528\u3067\u304d\u307e\u3059\u304c\u3001Google \u304c\u63d0\u4f9b\u3057\u3066\u3044\u308b <a href=\"https:\/\/squoosh.app\/\">Squoosh<\/a> \u304c\u4fbf\u5229\u3067\u3059\u3002<\/p>\n<p><code>img<\/code> \u30bf\u30b0\u3067\u306f\u3001<code>width<\/code> \u5c5e\u6027\u3068 <code>height<\/code> \u5c5e\u6027\u3092\u5fc5\u305a\u6307\u5b9a\u3057\u307e\u3059\u3002<br \/>CLS \u306e\u767a\u751f\u3092\u9632\u3052\u307e\u3059\u3002<\/p>\n<p>CMS \u306e\u30d7\u30e9\u30b0\u30a4\u30f3\u306b\u306f\u3001Lazy-loading \u3084 <code>width<\/code>\/<code>height<\/code> \u3092\u81ea\u52d5\u3067\u8a2d\u5b9a\u3057\u3066\u304f\u308c\u308b\u3082\u306e\u3082\u3042\u308a\u307e\u3059\u3002<br \/><a href=\"https:\/\/www.suzukikenichi.com\/blog\/native-lazy-loading-images-is-coming-to-wordpress-5-5\/\">WordPress 5.5 \u4ee5\u964d\u306f \u30cd\u30a4\u30c6\u30a3\u30d6 Lazy-loading \u304c\u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u6709\u52b9<\/a>\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<p class=\"p30-t\"><a href=\"https:\/\/www.suzukikenichi.com\/blog\/safari-on-big-sur-now-supports-webp\/\">Webp \u753b\u50cf\u306f Safari \u3082\u30b5\u30dd\u30fc\u30c8<\/a>\u3059\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u304c\u3001\u672a\u30b5\u30dd\u30fc\u30c8\u306e\u30d6\u30e9\u30a6\u30b6\u3082\u307e\u3060\u4f7f\u308f\u308c\u3066\u3044\u307e\u3059\u3002<br \/>\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af\u3068\u3057\u3066 &lt;picture&gt; \u30bf\u30b0\u3092\u5229\u7528\u3059\u308b\u3068\u3044\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n<pre style=\"overflow-x: auto\"><code class=\"green\">&lt;picture&gt;\r\n    &lt;source type=\"image\/webp\" srcset=\"flowwer.webp\"&gt; &#x2b05; WebP\r\n    &lt;source type=\"image\/jpeg\" srcset=\"flowwer.jpg\"&gt; &#x2b05; JPG\r\n    &lt;img src=\"flower.jpg\"&gt;\r\n&lt;\/picture&gt;<\/code><\/pre>\n<p class=\"p30-t\">\u4e0a\u304b\u3089\u9806\u756a\u306b\u3001\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308b\u30d5\u30a9\u30fc\u30de\u30c3\u30c8\u306e\u753b\u50cf\u3092 1 \u3064\u3060\u3051\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<br \/>\u30d6\u30e9\u30a6\u30b6\u304c WebP \u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u308c\u3070 WebP \u3092\u8aad\u307f\u8fbc\u3080\u3057\u3001\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u306a\u3051\u308c\u3070 JPG \u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<br \/><code>img<\/code> \u30bf\u30b0\u306f\u3001<code>picture<\/code>\/<code>srcset<\/code> \u3092\u30b5\u30dd\u30fc\u30c8\u3057\u3066\u3044\u306a\u3044\u53e4\u3044\u30d6\u30e9\u30a6\u30b6\u5411\u3051\u3067\u3059\u3002<\/p>\n<p>\u3055\u3089\u306b\u9ad8\u5ea6\u306a\u6280\u8853\u3068\u3057\u3066\u3001<a href=\"https:\/\/developer.mozilla.org\/ja\/docs\/Learn\/HTML\/Multimedia_and_embedding\/Responsive_images\">\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u753b\u50cf<\/a>\u3092\u4f7f\u3046\u3053\u3068\u3082\u3067\u304d\u307e\u3059\u3002<br \/>\u30ec\u30b9\u30dd\u30f3\u30b7\u30d6\u753b\u50cf\u3067\u306f\u3001\u30c7\u30d0\u30a4\u30b9\u306e\u30b9\u30af\u30ea\u30fc\u30f3\u30b5\u30a4\u30ba\u306b\u5fdc\u3058\u3066\u9069\u5207\u306a\u30b5\u30a4\u30ba\u306e\u753b\u50cf\u3092\u51fa\u3057\u5206\u3051\u307e\u3059\uff08\u30b9\u30de\u30db\u306b\u3001\u30d5\u30a1\u30a4\u30eb\u30b5\u30a4\u30ba\u304c\u5927\u304d\u3044\u9ad8\u89e3\u50cf\u5ea6\u306e\u753b\u50cf\u3092\u914d\u4fe1\u3059\u308b\u5fc5\u8981\u306f\u306a\u3044\u3067\u3059\u3088\u306d\uff09\u3002<\/p>\n<div class=\"p40-b p30-t\">\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">PSI: Take some of the popular images landing pages in Page Speed Insights: <a href=\"https:\/\/t.co\/F8BxJ7YPih\">https:\/\/t.co\/F8BxJ7YPih<\/a> Are you seeing speed issues which point at image size issues? &quot;Serve images in next-gen formats&quot;? &quot;Properly size images&quot;? &quot;Efficiently encode images&quot;? <a href=\"https:\/\/t.co\/ffN9dAjKOB\">pic.twitter.com\/ffN9dAjKOB<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558204347502592?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">FWIW, there&#39;s &quot;no simple guide to complete image optimization&quot; (I&#39;m sure someone will make one now though :-)). You can get books on optimizing images for the web: <a href=\"https:\/\/t.co\/MKtRfCxjYc\">https:\/\/t.co\/MKtRfCxjYc<\/a> . These things can be hard to get perfect, and you usually don&#39;t need to make them perfect.<\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558206046191619?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">There are a few first steps you can try: <br \/>&#8211; use image lazy loading (especially if they&#39;re below the fold). WP can do this for you, plugins can do it too. <br \/>&#8211; make images the right size (however you&#39;re displaying them)<br \/>&#8211; specify the image size (again, with a plugin, often) <a href=\"https:\/\/t.co\/wsJY5MLpBO\">pic.twitter.com\/wsJY5MLpBO<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558215693148166?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">And then there&#39;s: load the really big images in your image editor, and see if there are compression settings you can use to save them with the same format in a smaller size. Try <a href=\"https:\/\/t.co\/ZpGiXTQ8Ne\">https:\/\/t.co\/ZpGiXTQ8Ne<\/a> if image editors aren&#39;t your thing. There&#39;s more at <a href=\"https:\/\/t.co\/Xk0FapIsTN\">https:\/\/t.co\/Xk0FapIsTN<\/a> <a href=\"https:\/\/t.co\/O9IxSbIVKU\">pic.twitter.com\/O9IxSbIVKU<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558219237265413?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<p> <script async src=\"https:\/\/platform.twitter.com\/widgets.js\" charset=\"utf-8\"><\/script><\/p>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">Drop the updated images in, make sure lazy loading is active, and you specify the width \/ height, and check Page Speed Insights again. Chances are, if it&#39;s like my images, it&#39;s already much better. Maybe it&#39;s good enough for you? If not \u2026 <a href=\"https:\/\/t.co\/eZNOZStu3C\">pic.twitter.com\/eZNOZStu3C<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558229182025730?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">Again, a simple way to try it out for a handful of images is <a href=\"https:\/\/t.co\/ZpGiXTQ8Ne\">https:\/\/t.co\/ZpGiXTQ8Ne<\/a> . WebP might be a format to try, <a href=\"https:\/\/t.co\/peYIawg0kA\">https:\/\/t.co\/peYIawg0kA<\/a> has more suggestions. Also keep in mind that not all browsers support super-modern formats, so check your user stats too.<\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558231300186115?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">Depending on your site&#39;s setup, you may be able to use responsive images ( <a href=\"https:\/\/t.co\/MSWq818npp\">https:\/\/t.co\/MSWq818npp<\/a> ) to include modern formats together with your previous image formats. This is the optimal configuration, but it can be hard. <a href=\"https:\/\/t.co\/fIQhZb8TY8\">pic.twitter.com\/fIQhZb8TY8<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558244659056641?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<\/div>\n<h2>\u30ea\u30c0\u30a4\u30ec\u30af\u30c8<\/h2>\n<p>JPG \u3092 Webp \u306b\u7f6e\u304d\u63db\u3048\u305f\u3068\u304d\u306e\u3088\u3046\u306b\u3001\u753b\u50cf\u306e URL \u304c\u5909\u308f\u3063\u305f\u5834\u5408\u306f\u5fc5\u305a\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3057\u307e\u3059\u3002<\/p>\n<p>\u753b\u50cf\u306e\u51e6\u7406\u306b\u306f\u30a6\u30a7\u30d6\u691c\u7d22\u306b\u6bd4\u3079\u308b\u3068\u6642\u9593\u304c\u304b\u304b\u308a\u307e\u3059\u3002<br \/>\u65b0\u3057\u3044\u753b\u50cf\u304c\u753b\u50cf\u691c\u7d22\u306b\u30a4\u30f3\u30c7\u30c3\u30af\u30b9\u3055\u308c\u308b\u307e\u3067\u3001\u753b\u50cf\u691c\u7d22\u304b\u3089\u306e\u30c8\u30e9\u30d5\u30a3\u30c3\u30af\u304c\u306a\u304f\u306a\u308b\u304b\u3082\u3057\u308c\u307e\u305b\u3093\u3002<br \/>\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3057\u3066\u304a\u3051\u3070\u3001\u9014\u5207\u308c\u308b\u9593\u9694\u3092\u9632\u3052\u307e\u3059\u3002<\/p>\n<p>\u7570\u306a\u308b\u30db\u30b9\u30c8\u540d\uff08\u30c9\u30e1\u30a4\u30f3\u540d\uff09\u306e CDN \u30b5\u30fc\u30d0\u30fc\u306b\u753b\u50cf\u3092\u79fb\u52d5\u3059\u308b\u5834\u5408\u306b\u3082\u5fc5\u305a\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3092\u8a2d\u5b9a\u3057\u307e\u3059\u3002<\/p>\n<div class=\"p40-b p30-t\">\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">If, after all of this, you need to move from .jpg to .webp, set up redirects for these images on your server. Google Images takes longer to reprocess, and if the old URLs stop, they may drop out for a while, until the new ones are picked up. Redirecting helps prevent that. <a href=\"https:\/\/t.co\/UXXSzESVAW\">pic.twitter.com\/UXXSzESVAW<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558254985383936?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">This also matters if you move your images to a CDN that&#39;s on a different hostname (say to <a href=\"https:\/\/t.co\/fWMc6CFPZ0\">https:\/\/t.co\/fWMc6CFPZ0<\/a>). If Google Images traffic is important, then make sure to also set up redirects for the old URLs to the new CDN. <a href=\"https:\/\/t.co\/T86fF6cyAC\">pic.twitter.com\/T86fF6cyAC<\/a><\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558263864672267?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<\/div>\n<h2>\u753b\u50cf\u6700\u9069\u5316\u306b\u5f79\u7acb\u3064\u30ea\u30bd\u30fc\u30b9<\/h2>\n<p>\u753b\u50cf\u306e\u6700\u9069\u5316\u306b\u306f\u6b21\u306e\u30ea\u30bd\u30fc\u30b9\u3082\u53c2\u8003\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n<ul>\n<li><a href=\"https:\/\/www.smashingmagazine.com\/2021\/04\/image-optimization-pre-release\/\">Meet Image Optimization, A New Smashing Book By Addy Osmani <\/a>\n<\/li>\n<li><a href=\"https:\/\/web.dev\/uses-optimized-images\/\">Efficiently encode images<\/a><\/li>\n<li><a href=\"https:\/\/web.dev\/uses-webp-images\/\">Serve images in next-gen formats<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/web\/fundamentals\/design-and-ux\/responsive\/images\">Images | Web Fundamentals<\/a><\/li>\n<li><a href=\"https:\/\/developers.google.com\/search\/docs\/advanced\/guidelines\/google-images?hl=ja\">Google \u753b\u50cf\u691c\u7d22\u306b\u95a2\u3059\u308b SEO \u306e\u304a\u3059\u3059\u3081\u306e\u65b9\u6cd5<\/a><\/li>\n<\/ul>\n<div class=\"p40-b p30-t\">\n<blockquote class=\"twitter-tweet\" data-conversation=\"none\" data-theme=\"dark\">\n<p lang=\"en\" dir=\"ltr\">Want more links? Here&#39;s our guide to images: <a href=\"https:\/\/t.co\/BPDOV02us9\">https:\/\/t.co\/BPDOV02us9<\/a> , and our guide for responsive images: <a href=\"https:\/\/t.co\/iSKBykZrO1\">https:\/\/t.co\/iSKBykZrO1<\/a> <\/p>\n<p>What did I miss? What worked best for your images?<\/p>\n<p>&mdash; &#x1f34c; John &#x1f34c; (@JohnMu) <a href=\"https:\/\/twitter.com\/JohnMu\/status\/1388558265626284037?ref_src=twsrc%5Etfw\">May 1, 2021<\/a><\/p><\/blockquote>\n<\/div>\n<p class=\"p60-t\">Google \u306e John Mueller \u6c0f\u306b\u3088\u308b\u753b\u50cf\u6700\u9069\u5316\u306e TIPS \u306f\u4ee5\u4e0a\u3067\u3059\u3002<br \/>\u53c2\u8003\u306b\u3057\u307e\u3057\u3087\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u691c\u7d22\u30e6\u30fc\u30b6\u30fc\u306e\u30e6\u30fc\u30b6\u30fc\u4f53\u9a13\u3092\u5411\u4e0a\u3055\u305b\u308b\u305f\u3081\u306e\u753b\u50cf\u306e\u6700\u9069\u5316\u3092\u30b3\u30c4\u3092 Google \u306e John Mueller\uff08\u30b8\u30e7\u30f3\u30fb\u30df\u30e5\u30fc\u30e9\u30fc\uff09\u304c Twitter \u306e\u4e00\u9023\u306e\u6295\u7a3f\u3067\u5171\u6709\u3057\u305f\u3002<\/p>\n","protected":false},"author":1,"featured_media":11347,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[506,1657],"class_list":["post-11346","post","type-post","status-publish","format-standard","has-post-thumbnail","category-google-seo","tag-image-search","tag-native-lazy-loading"],"_links":{"self":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/posts\/11346","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/comments?post=11346"}],"version-history":[{"count":0,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/posts\/11346\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/media\/11347"}],"wp:attachment":[{"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/media?parent=11346"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/categories?post=11346"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.suzukikenichi.com\/blog\/wp-json\/wp\/v2\/tags?post=11346"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}