WordPressã䜿ã£ãŠå€ãã®ã³ã³ãã³ããæçš¿ãããšãèªç¶ãšæ±ãç»åã®ææ°ãå¢ããŠãããŸãã
ç»åãã¡ã€ã«ã¯ãµã€ãã®è¡šç€ºé床ãäœäžããããšããåé¡ããããçµæãšããŠé¢è±çã倧ãããªã£ãŠããŸããšãã課é¡ãæ®ããŸãã
ããããç»åã®æ°ãæžããã®ã¯èŠããããµã€ããšã¯åŒã¹ãªããªã£ãŠããŸããŸãã
ããã§å©çšããã®ããç»åã®ãµã€ãºãå§çž®ããŠããããEWWW Image Optimizerããšããç¡æãã©ã°ã€ã³ã§ãã
ä»åã¯ããEWWW Image Optimizerãã®èšå®æ¹æ³ãšäœ¿ãæ¹ã玹ä»ããããŸãã
-
ãAutoptimizeãWordPressã§æåã«å ¥ãããç¡æãã©ã°ã€ã³
åœãµã€ãã§ã¯ããã°äœæã«AFFINGER5(ã¢ãã£ã³ã¬ãŒ)ãæšå¥šããŠããŸãããå®éã«AFFINGER5(ã¢ãã£ã³ã¬ãŒ)ã ...
ç¶ããèŠã
ç®æ¬¡
EWWW Image Optimizerãšã¯
ãEWWW Image Optimizerãã¯ãç»åãå£åãããããšãªããç»åãã¢ããããéã«èªåã§ç»åãµã€ãºãå§çž®ããŠããããã©ã°ã€ã³ã§ãã
ãEWWW Image Optimizerãã¯æ°ããç»åãã¢ããããŒããããšãã«èªåã§ãµã€ãºãå§çž®ããŠãããã ãã§ãªãããã§ã«ã¢ããããŠããç»åãäžæ¬ã§å§çž®ããããšãã§ããã®ã§éåžžã«äŸ¿å©ã§ãã
ãšã¯ããããã¯ãã¯ããã«èšå®ããŠããæ¹ãå¹ççãªã®ã§ãåãã«ç°å¢æ§ç¯ããŠããããšããªã¹ã¹ã¡ããŸãã
EWWW Image Optimizerã®å°å ¥æ¹æ³
管çç»é¢ã®ã¡ãã¥ãŒããã©ã°ã€ã³ã>ãæ°èŠè¿œå ãããããEWWW Image Optimizerãã§æ€çŽ¢ããããŸããã€ã³ã¹ããŒã«ããã¯ãªãã¯ããæå¹åããŸãã
管çç»é¢ã®å·Šã¡ãã¥ãŒã®ãèšå®ãã®äžã«ã EWWW Image Optimizer ããšããé ç®ã远å ãããŠããŸãã
ãããã¯ãªãã¯ãããšè©³çްèšå®ã®ç»é¢ã«ã¢ã¯ã»ã¹ã§ããŸãã
EWWW Image Optimizer ã®èšå®æ¹æ³
ããŒã·ãã¯
é»è²ãäžç·ãåŒãããã¡ã¿ããŒã¿ãåé€ãããã§ãã¯ããããšã§ãç»åã®ã¡ã¿ããŒã¿ãåé€ããŠãããŸããçµæãå¯èœãªéãç»åã®ãã¡ã€ã«ãµã€ãºãå°ããããããšãã§ããŸãã
ç»åã®ã¡ã¿ããŒã¿ãšã¯ãæ®åœ±å Žæãã«ã¡ã©æ
å ±ãªã©ãå«ãæ
å ±ãèšèŒãããŠããããŒã¿ã®äºã§ãã
ãã§ãã¯ããé ç®
- ã¡ã¿ããŒã¿ãåé€
倿
é»è²ãäžç·ãåŒãããã³ã³ããŒãžã§ã³ãªã³ã¯ãé衚瀺ãããã§ãã¯ããŠãã ããã
ãã§ãã¯ãå ¥ããŠãããªããšãpngâjpgãã«å€æããããjpgâpngãã«åæã«å€æãããŠããŸããŸãã
ç»åã®æ¡åŒµåãå€ãããšç»åã®è³ªãäžããããšãããããããã®é ç®ã«ã¯å¿ ããã§ãã¯ãå ¥ãã倿Žãä¿åããæ§ã«ããŠãã ããã
ãã§ãã¯ããé ç®
- ã³ã³ããŒãžã§ã³ãªã³ã¯ãé衚瀺
EWWW Image Optimizer ã®åºæ¬çãªäœ¿ãæ¹
äœ¿ãæ¹ã§æããŠããã¹ãæäœã¯æ¬¡ã®2ã€ã§ãã
ãã€ã³ã
- æ°èŠç»åã®å§çž®
- æ¢åã®ç»åãäžæ¬ã§å§çž®
æ°èŠç»åã®å§çž®
EWWW Image Optimizer ã¯ãã€ã³ã¹ããŒã«ããã ãã§ç»åãæ°èŠæçš¿ãããèªåã§å§çž®ããŠãããŸãã
ã©ã®çšåºŠå§çž®ãããã®ãã¯ãå·Šã¡ãã¥ãŒã®ãã¡ãã£ã¢ â ã©ã€ãã©ãªãã®ç»åäžèЧç»é¢ã§ç¢ºèªããããšãã§ããŸãã
æ¢åã®ç»åãäžæ¬ã§å§çž®
EWWW Image Optimizer ã§ã¯ãéå»ã«ã¢ããããç»åããŸãšããŠå§çž®ããããšãå¯èœã§ãã
å·Šã¡ãã¥ãŒãããã¡ãã£ã¢ â äžæ¬æé©åããã¯ãªãã¯ããŠãã ããã
äžæ¬æé©åã®ç»é¢ã«ç§»ãã®ã§ããæé©åãããŠããªãç»åãã¹ãã£ã³ããããéžæããŠãã ããã
å¿çšç·šãWebP(ãŠã§ãããŒ)ããæŽ»çšãã
Googleãæšå¥šããŠããæ¬¡äžä»£ã®ç»åãã©ãŒãããã§ãããWebPïŒãŠã§ãããŒïŒããèšå®ããæ¹æ³ãã玹ä»ããŸãã
次äžä»£ç»åãã©ãŒããããšã¯ïŒ
次äžä»£ç»åãã©ãŒããããšã¯åŸæ¥ã®PNGãJPEGããå§çž®æ§èœã®é«ããæ°ããç»åãã©ãŒãããã§ãã
JPEG2000ãJPEG XRãWebPïŒãŠã§ãããŒïŒãªã©ã®çš®é¡ããããŸãã
ããããã«ç¹åŸŽããããŸãããWebPã¯GoogleãéçºããŠããç»åãã©ãŒãããã§ããã察å¿ãã©ãŠã¶ãããªãå¢ããŠããŠããããšãèæ ®ãããšä»åŸã®äž»æµã«ãªãäºãäºæ³ãããŸãã
WebP察å¿ãã©ãŠã¶
Google Chrome / Mozilla Firefox / Microsoft Edge / Opera
EWWW Image Optimizerã䜿ã£ãŠç»åãWebPã«å€æããæ¹æ³
ãEWWW Image Optimizerãã®èšå®ç»é¢ãããWebPãã¿ãã衚瀺ããŸãã
ãããŠãJPGãPNGããWebPãã«ãã§ãã¯ãå ¥ããŸããæåŸã«ã倿Žãä¿åãã§èšå®ãä¿åããŸãã
.htaccesãã¡ã€ã«ãžã®è¿œèš
èšå®ããããšãWebPãã¿ãã®ããŒãžäžéšã«.htaccessãã¡ã€ã«ã«è¿œèšããããã®ã³ãŒããèªåçæãããŸãã
ãŸããå³äžã®æ¹ã«èµ€ã®èæ¯è²ã§PNGãšãã衚瀺ããããŸãã
ããã¯ãµã€ããé²èЧããŠãããã©ãŠã¶ãšãµã€ãåŽãWebPã«å¯Ÿå¿æžã¿ã®å Žåã¯ç·è²ã察å¿ããŠããªãå Žåã¯èµ€è²ã®ãã¿ã³ã衚瀺ãããŸãã
泚æ
ããªã©ã€ãã«ãŒã«ãæ¿å ¥ããããã¯ãªãã¯ãããšèªåã§.htaccessã®æ«å°Ÿã«æ§æãæ¿å ¥ãããŸããã.htaccessã®åé ã«æ¿å ¥ããå¿ èŠããããããã¡ãã¯æŒããªãããã«æ³šæããŠãã ããã
.htaccessãã¡ã€ã«ã®ç·šéã«ã€ããŠã¯ãWordPressã®èšçœ®ã«ã¬ã³ã¿ã«ãµãŒãã䜿çšããŠããå ŽåãWeb管çç»é¢ã§.htaccessãã¡ã€ã«ã®ãšãã£ã¿ãæäŸãããŠããããšãã»ãšãã©ã§ãã
ãŸããFTPãçšããŠãã¡ã€ã«ãããŠã³ããŒãããŠããã¹ããšãã£ã¿ã§ç·šéããŠããã¢ããããŒããããšããæ¹æ³ããããŸãã
ãŒãã¯ãšãã¯ã¹ãµãŒããŒã䜿çšããŠããããããšãã¯ã¹ãµãŒããŒã䜿ã£ãŠèª¬æããããŸãã
ãšãã¯ã¹ãµãŒããŒã®ãµãŒããŒããã«ã«ãã°ã€ã³ãããããŒã ããŒãžãã®ã.htaccessç·šéããã¯ãªãã¯ããŠãã ããã
ãã¡ã€ã³ãéžæããäžèšã¿ãããã.htaccessç·šéããéžæããŠãã ããã
.htaccessãã¡ã€ã«ã«è¿œèšããã³ãŒã
<IfModule mod_rewrite.c>
RewriteEngine On
RewriteCond %{HTTP_ACCEPT} image/webp
RewriteCond %{REQUEST_FILENAME} (.*)\.(jpe?g|png)$
RewriteCond %{REQUEST_FILENAME}\.webp -f
RewriteCond %{QUERY_STRING} !type=original
RewriteRule (.+)\.(jpe?g|png)$ %{REQUEST_FILENAME}.webp [T=image/webp,E=accept:1,L]
</IfModule>
<IfModule mod_headers.c>
Header append Vary Accept env=REDIRECT_accept
</IfModule>
AddType image/webp .webp
â» å¿ ãã.htaccessããã¡ã€ã«ã®åé ã«äžèšæ§æãæ¿å ¥ããããã«ããŠãã ããã
ãã®ã³ãŒãã®æå³ãšããŠã¯ããã©ãŠã¶ãWebPã«å¯Ÿå¿ããŠãããªãç»åãã¡ã€ã«ãWebPã§é ä¿¡ããé察å¿ãªãå ã®ãã©ãŒãããïŒJPEGãPNGïŒã§é ä¿¡ããããšããå 容ã§ãã
ã€ãŸãããã©ãŠã¶ã察å¿ããŠããå Žåã®ã¿ã«WebPã䜿çšããã®ã§ã次äžä»£ãã©ãŒãããã®èšå®ããããããšãã£ãŠWebPæªå¯Ÿå¿ã®ãã©ãŠã¶äœ¿çšè ã«æªã圱é¿ãäžããããšã¯ãããŸããã
WebPç»åãã¡ã€ã«ãžã®å€æ
å šãŠã®äœæ¥ãçµãã£ããäžèšã®èŠåºããæ¢åç»åãäžæ¬ã§å§çž®ãã®æé ãšåæ§ã«ãæé©åãããŠããªãç»åãã¹ãã£ã³ããããã¿ã³ãã¯ãªãã¯ããŸãã
WebPãžã®å€æãçµãã£ãããWebPã¿ãããåã³éããŠãå³äžã®ãã¿ã³ãç·è²ã§ãWebPããšè¡šç€ºãããŠããããšã確èªããŸãã
ãŸãšã
ãEWWW Image OptimizerããæŽ»çšããããšã§ãç°¡åã«ãµã€ãã®ç»åãå§çž®ããããšãã§ãããµã€ã衚瀺é床ãåäžãããããšãã§ããŸãã
SEO察çã«ãã£ãŠããã®ç¡æãã©ã°ã€ã³ã§ãã®ã§ããã²äœ¿ã£ãŠã¿ãŠãã ããã
ãŒãã¯AFFINGER5(ã¢ãã£ã³ã¬ãŒ)ã§èšäºãäœæããŠããŸãããè¶³ããªãéšåã¯ãã®ãããªç¡æãã©ã°ã€ã³ã䜿çšããŠããŸãã
æ°ã«ãªãæ¹ã¯ãé¢é£èšäºãåèã«ããŠã¿ãŠãã ãããïŒ
-
ãAutoptimizeãWordPressã§æåã«å ¥ãããç¡æãã©ã°ã€ã³
åœãµã€ãã§ã¯ããã°äœæã«AFFINGER5(ã¢ãã£ã³ã¬ãŒ)ãæšå¥šããŠããŸãããå®éã«AFFINGER5(ã¢ãã£ã³ã¬ãŒ)ã ...
ç¶ããèŠã
-
AFFINGER5ãšTHE THORãåŸ¹åºæ¯èŒïŒå§åçãªå·®ãåºãïŒïŒ
ã¢ãã£ãªãšã€ãã«ç¹åããAFFINGER5(ã¢ãã£ã³ã¬ãŒ)ãšSEOã«ç¹åããTHE THOR(ã¶ã»ããŒã«)ã ããã°äœæ ...
ç¶ããèŠã
-
ãåå¿è åããWordPressã§ããã°(ã¢ãã£ãªãšã€ã)ãå§ããæ¹æ³
ç®æ¬¡ã¯ããã«åå¿è ããã¢ãã£ãªãšã€ããµã€ãã¯WordPressããªã¹ã¹ã¡èªç±åºŠé«ãäŒæ¥ããã°ã¯åæã«åºåãå ¥ãäŒæ¥ããã° ...
ç¶ããèŠã