0
Help us understand the problem. What are the problem?

More than 1 year has passed since last update.

posted at

updated at

Organization

カルネージハートとは関係のないSNSシェアしていない人のためのOGPタグの設定

カルネージハート 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年に発売以降続編の情報が皆無ですが、一部の熱狂的ファンは大会を開催してゲームを続けています。ゲームを盛り上げることで続編も出るかもしれません。カルネジスト、ネジらーの皆様のご協力をお願いします!

カルネージハートファンのプログラミング知識を共有しましょう!

アヌビアスを貼り付けてお茶を濁します。

ezgif-5-f804bd285421.gif

Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Sign upLogin
0
Help us understand the problem. What are the problem?