カルネージハート Advent Calendar 2019 6日目の記事です。
今回はカルネージハートとは全く関係ないSNSシェアしていない人のためのOGPタグの設定の話です。
はじめに
OGPとはSNSで利用されている、Webページの情報をSNSと連携させるためのタグです。
OGPの有無でSNSシェアされる際の印象が格段に違ってきます。
これを見てOGPを設定されてない方は、ぜひとも設定しましょう！
書き方の例
<!DOCTYPE html>
<html lang="ja">
<head prefix="og: http://ogp.me/ns# fb: http://ogp.me/ns/fb# website: http://ogp.me/ns/website#">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<meta name="robots" content="index,follow">
<meta name="description" content="descriptionです">
<meta name="twitter:card" content="summary">
<meta name="twitter:image" content="https://hoge.com/ogp.png">
<meta name="twitter:url" content="https://hoge.com/">
<meta name="twitter:description" content="twitter:descriptionです">
<meta name="twitter:title" content="twitter:titleです">
<meta property="og:description" content="og:descriptionです">
<meta property="og:site_name" content="og:site_nameです">
<meta property="og:locale" content="ja_JP">
<meta property="og:type" content="website">
<meta property="og:image" content="https://hoge.com/ogp.png">
<meta property="og:url" content="https://hoge.com/">
<meta property="og:title" content="og:titleです">
URLやimageは絶対パスでの記述です。
その他詳細についてはogp.meを要参照。
SPAで動的にOGPを出力する際は、SSR等の工夫が必要です
最後に
事実上の最新作EXAが2010年に発売以降続編の情報が皆無ですが、一部の熱狂的ファンは大会を開催してゲームを続けています。ゲームを盛り上げることで続編も出るかもしれません。カルネジスト、ネジらーの皆様のご協力をお願いします！
カルネージハートファンのプログラミング知識を共有しましょう！
アヌビアスを貼り付けてお茶を濁します。
