外部記憶装置
HTML,CSS,Javascript,PHPを中心に、WEB制作時に忘れがちなTipsを紹介など。
OpenGraph設定の雛形
history2021.03.18 tagFacebook tagTwitter tagOGP tagOpenGraph
WEBサイトTOPページ用
<meta property="og:type" content="website">TOPページは「og:type」を「website」にすること。
<meta property="og:title" content="ページのタイトル">
<meta property="og:description" content="概要文">
<meta property="og:url" content="ページのURL">
<meta property="og:image" content="OGP画像のURL">
<meta property="og:site_name" content="サイトの名称">
記事、ページ用
<meta property="og:type" content="article">記事、ページは「og:type」を「article」にすること。
<meta property="og:title" content="ページのタイトル">
<meta property="og:description" content="概要文">
<meta property="og:url" content="ページのURL">
<meta property="og:image" content="OGP画像のURL">
<meta property="og:site_name" content="サイトの名称">
OGP画像について
Facebookでは以下の画像サイズを推奨。
推奨：幅1200px 高さ630px
スマートフォンなど表示領域の小さいデバイスでは、タテヨコ630pxの正方形で表示されるため、横長画像でも、基本となる要素は画像中心部のタテヨコ630pxの範囲に収めることで、1枚の画像で異なる表示フォーマットに対応できる。
Archive
Category
- local_offer CSS(4)
- local_offer HTML(4)
- local_offer PHP(2)
- local_offer SEO(1)
- local_offer WEB制作(4)
- local_offer javascript(1)
- local_offer エクセル(1)
- local_offer サーバ(1)
- local_offer ツール(2)
- local_offer データベース(2)
- local_offer 雑記(2)
- すべての記事
Tag
- tag highlight.js(1)
- tag 画像合成(1)
- tag フリー素材(1)
- tag JavaScript(1)
- tag レンタルサーバ(1)
- tag 配列(1)
- tag ファイル操作(1)
- tag 関数リファレンス(1)
- tag SEO(1)
- tag 年齢計算(1)
- tag 検索エンジン(1)
- tag mod_rewrite(1)
- tag htaccess(1)
- tag LINE(1)
- tag Use Case(1)
- tag flexbox(1)
- tag Web制作(1)
- tag 謎(1)
- tag MySQL(1)
- tag 制作支援(1)
- tag マクロ(1)
- tag マテリアルアイコン(1)
- tag シンタックスハイライト(1)
- tag Webフォント(1)
- tag アニメーション(1)
- tag transition(1)
- tag 改行(1)
- tag Excel(1)
- tag VBA(1)
- tag 脆弱性(1)
- tag コードハイライト(1)
- tag ライブラリ(1)
- tag Webサービス(1)
- tag OpenGraph(1)
- tag Favicon(1)
- tag ショートカットアイコン(1)
- tag SVG(1)
- tag 便利ツール(1)
- tag Tips(2)
- tag シェアボタン(2)
- tag SNS(2)
- tag HTML(2)
- tag Twitter(2)
- tag Facebook(2)
- tag Google(2)
- tag アイコン(3)
- tag PHP(3)
- tag OGP(3)
- tag CSS(5)
- すべての記事
