Web ページからの情報取得

Ranklet4 では、Web ページの HTML から様々な情報を取得し、ランキングに反映させることができます。

ページタイトル

Web ページのタイトルは、次の優先度で要素を HTML から検索し、内容を取得します。

<meta property="ranklet:title" content="ページタイトル">
<meta property="og:title" content="ページタイトル">
<title>ページタイトル<title>

Ranklet 向けに独自のページタイトルを設ける場合は、<meta property="ranklet:title" content="独自のページタイトル"> を HTML に含めてください。

ページの説明文

Web ページの説明文は、HTML と同様に次の優先度で要素を検索し、内容を取得します。

<meta property="ranklet:description" content="ページの説明文" />
<meta property="og:description" content="ページの説明文" />
<meta name="description" content="ページの説明文" />

ページの代表画像

Web ページの代表画像は、HTML と同様に次の優先度で要素を検索し、内容を取得します。

<meta property="ranklet:image" content="https://画像URL.png" />
<meta property="og:image" content="https://画像URL.png" />

サムネイル化とその回避

OGP 画像 <meta property="og:image" content="https://画像URL"> は通常、1200x630のように高い解像度を持っておりサムネイルに不向きです。

そのため、Ranklet4 では OGP 画像を代表画像とする場合、サムネイルサイズにリサイズして配信します。サムネイルは長辺が 160 ピクセルの JPEG 形式になります。

一方、property="ranklet:image"またはproperty="ranklet4:image"で指定された画像は、サムネイルサイズへの変換は行われず、そのままのサイズで配信されます。

したがって独自のサムネイル画像を用いる場合は、<meta property="ranklet:image" content="https://画像URL">または<meta property="ranklet4:image" content="https://画像URL">を HTML に含めてください。

Ranklet メタデータ (旧カスタムメタデータ)

その他、任意の情報をテンプレートから参照し、ランキングに反映させることができます。

<meta property="ranklet:メタデータ名" content="メタデータの値" />

例えばページのカテゴリーを指定する場合は、次の要素を HTML に含め、

<meta property="ranklet:category" content="カテゴリー名" />

テンプレートに次のように記述します。

カテゴリー: {{rankletMeta.category}}