My puppyのブログ

学んだ事や作っているプログラムなどについて書いています。

hreflang属性を設定しました(English-Video.net)

TED APIの終了とともに2020年の1月に更新を終了したEnglish-Video.netですが、久しぶりに手を加えましてhreflang属性を設定しました。

参考にしたサイト様はこちらです。

ありがとうございます<m(__)m>

hreflang属性とは多言語サイトのSEO対策として設定されるものです。

例えば日本語の場合は言語コードが「ja」なので、「hreflang="ja"」と設定します。

英語の言語コードは「en」なので「hreflang="en"」ですね。

もう少し具体的に申し上げますと、例えばこのページは62言語の字幕に対応しているんですね。

その場合、hreflang属性はこのように62言語分設定されます。

<link rel="alternate" hreflang="x-default" href="https://www.english-video.net/v/en/66">
<link rel="alternate" hreflang="af" href="https://www.english-video.net/v/af/66">
<link rel="alternate" hreflang="sq" href="https://www.english-video.net/v/sq/66">
<link rel="alternate" hreflang="ar" href="https://www.english-video.net/v/ar/66">
<link rel="alternate" hreflang="hy" href="https://www.english-video.net/v/hy/66">
<link rel="alternate" hreflang="az" href="https://www.english-video.net/v/az/66">
<link rel="alternate" hreflang="eu" href="https://www.english-video.net/v/eu/66">
<link rel="alternate" hreflang="be" href="https://www.english-video.net/v/be/66">
<link rel="alternate" hreflang="bn" href="https://www.english-video.net/v/bn/66">
<link rel="alternate" hreflang="bg" href="https://www.english-video.net/v/bg/66">
<link rel="alternate" hreflang="ca" href="https://www.english-video.net/v/ca/66">
<link rel="alternate" hreflang="zh-cn" href="https://www.english-video.net/v/zh-cn/66">
<link rel="alternate" hreflang="zh-tw" href="https://www.english-video.net/v/zh-tw/66">
<link rel="alternate" hreflang="hr" href="https://www.english-video.net/v/hr/66">
<link rel="alternate" hreflang="cs" href="https://www.english-video.net/v/cs/66">
<link rel="alternate" hreflang="da" href="https://www.english-video.net/v/da/66">
<link rel="alternate" hreflang="nl" href="https://www.english-video.net/v/nl/66">
<link rel="alternate" hreflang="en" href="https://www.english-video.net/v/en/66">
<link rel="alternate" hreflang="eo" href="https://www.english-video.net/v/eo/66">
<link rel="alternate" hreflang="et" href="https://www.english-video.net/v/et/66">
<link rel="alternate" hreflang="fil" href="https://www.english-video.net/v/fil/66">
<link rel="alternate" hreflang="fi" href="https://www.english-video.net/v/fi/66">
<link rel="alternate" hreflang="fr" href="https://www.english-video.net/v/fr/66">
<link rel="alternate" hreflang="fr-ca" href="https://www.english-video.net/v/fr-ca/66">
<link rel="alternate" hreflang="gl" href="https://www.english-video.net/v/gl/66">
<link rel="alternate" hreflang="ka" href="https://www.english-video.net/v/ka/66">
<link rel="alternate" hreflang="de" href="https://www.english-video.net/v/de/66">
<link rel="alternate" hreflang="el" href="https://www.english-video.net/v/el/66">
<link rel="alternate" hreflang="he" href="https://www.english-video.net/v/he/66">
<link rel="alternate" hreflang="hu" href="https://www.english-video.net/v/hu/66">
<link rel="alternate" hreflang="id" href="https://www.english-video.net/v/id/66">
<link rel="alternate" hreflang="inh" href="https://www.english-video.net/v/inh/66">
<link rel="alternate" hreflang="it" href="https://www.english-video.net/v/it/66">
<link rel="alternate" hreflang="ja" href="https://www.english-video.net/v/ja/66">
<link rel="alternate" hreflang="kn" href="https://www.english-video.net/v/kn/66">
<link rel="alternate" hreflang="ko" href="https://www.english-video.net/v/ko/66">
<link rel="alternate" hreflang="ku" href="https://www.english-video.net/v/ku/66">
<link rel="alternate" hreflang="lo" href="https://www.english-video.net/v/lo/66">
<link rel="alternate" hreflang="lv" href="https://www.english-video.net/v/lv/66">
<link rel="alternate" hreflang="lt" href="https://www.english-video.net/v/lt/66">
<link rel="alternate" hreflang="mk" href="https://www.english-video.net/v/mk/66">
<link rel="alternate" hreflang="mr" href="https://www.english-video.net/v/mr/66">
<link rel="alternate" hreflang="mfe" href="https://www.english-video.net/v/mfe/66">
<link rel="alternate" hreflang="mn" href="https://www.english-video.net/v/mn/66">
<link rel="alternate" hreflang="ne" href="https://www.english-video.net/v/ne/66">
<link rel="alternate" hreflang="nb" href="https://www.english-video.net/v/nb/66">
<link rel="alternate" hreflang="fa" href="https://www.english-video.net/v/fa/66">
<link rel="alternate" hreflang="pl" href="https://www.english-video.net/v/pl/66">
<link rel="alternate" hreflang="pt" href="https://www.english-video.net/v/pt/66">
<link rel="alternate" hreflang="pt-br" href="https://www.english-video.net/v/pt-br/66">
<link rel="alternate" hreflang="ro" href="https://www.english-video.net/v/ro/66">
<link rel="alternate" hreflang="ru" href="https://www.english-video.net/v/ru/66">
<link rel="alternate" hreflang="sr" href="https://www.english-video.net/v/sr/66">
<link rel="alternate" hreflang="sk" href="https://www.english-video.net/v/sk/66">
<link rel="alternate" hreflang="sl" href="https://www.english-video.net/v/sl/66">
<link rel="alternate" hreflang="es" href="https://www.english-video.net/v/es/66">
<link rel="alternate" hreflang="sv" href="https://www.english-video.net/v/sv/66">
<link rel="alternate" hreflang="th" href="https://www.english-video.net/v/th/66">
<link rel="alternate" hreflang="tr" href="https://www.english-video.net/v/tr/66">
<link rel="alternate" hreflang="uk" href="https://www.english-video.net/v/uk/66">
<link rel="alternate" hreflang="ur" href="https://www.english-video.net/v/ur/66">
<link rel="alternate" hreflang="uz" href="https://www.english-video.net/v/uz/66">
<link rel="alternate" hreflang="vi" href="https://www.english-video.net/v/vi/66">

これらを全て手作業で設定するのは大変なので、プログラムを組んで自動化しました。

ずっと前からやりたかった事なので、実施できてホッとしています。

このhreflang属性は各ページのソースコードに記述されているので、普通にブラウザで見る時には表示されないのですが、もしよかったらアクセスしてみてくださいね。