  |
はてなキーワード: OGPとは
以下ChatGPT
自分のホームページ（自前ドメイン＋自前HTML）を一度でも作って運用すると、SNS中心の“受け手”視点から、仕様・検索・配信・所有・継続の“作り手”視点に脳が切り替わる。結果、情報リテラシーは跳ね上がり、ネットのニュースや流行の見え方が根本から変わる——しかも想像以上に。
Before（作る前）: Web＝SNSのタイムライン。良し悪しは「バズってるか」「見やすいか」
After（作った後）: Web＝プロトコル＋ブラウザ＋HTML/CSS/JS＋CDN＋検索エンジン。
ページは**文書（Document）**であり、配置（IA）、意味づけ（セマンティクス）、配信（HTTP/HTTPS/HTTP/2/3）、キャッシュ戦略が気になりだす。
→ 同じ記事でも「タイトルの付け方」「hタグ構造」「画像最適化」「OGP」「サイトマップ」がまず目に入るようになる。
プラットフォーム依存の脆さを体感：規約変更やシャドウバンで露出が消える。
自サイトの資産化：ドメインに紐づくURLはリンクされ、検索に積み上がり、10年後も生きる。
POSSE（Publish (on your) Own Site, Syndicate Elsewhere）：まず自分のサイトに出してから外部へ配信する習慣が身につく。
3. “好き/嫌い”から“なぜ速い・なぜ遅い”へ
Core Web Vitals（LCP/FID/CLS）や画像の遅延読み込み、フォント最適化の重要性が腹落ちする。
広告・計測タグの重さに過敏になる。読者体験を壊さないためのパフォーマンス予算という概念が生まれる。
キーワード選定は“流入ゲーム”ではなく読者の課題→コンテンツ設計に帰着。
内部リンク・パンくず・スキーマ（構造化データ）・サイトマップの意味が実務として理解できる。
“書けば伸びる”ではなく“検索意図を満たす設計が伸びる”に目が覚める。
alt、見出し階層、コントラスト比、キーボード操作、焦点管理など、見えない品質が最重要になる。
デザインは飾りではなく“読み・理解・操作”のためのユーティリティだと分かる。
たまたま当たる1記事より、更新の継続・アーカイブ性・RSSのほうが効くと実感。
コメント欄・メールフォーム・X連携よりも、ニュースレターやRSS購読者の質に価値を見出す。
ドメイン、DNS、証明書、バックアップ、法務（特商法・プライバシーポリシー）に“運用者の責任”が生まれる。
その重みが情報の信頼性を引き上げる（＝他人のサイトの苦労も見えるようになる）。
トレンドは“輸入”ではなく選別になる。自分の歴史に合うものだけを採用して積層していける。
A. 最小HTML（雛形）
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>あなたの名前 | ホーム</title>
<meta name="description" content="自分のホームページ。制作物・日記・メモを置いていきます。">
<link rel="alternate" type="application/rss+xml" title="RSS" href="/feed.xml">
<meta property="og:title" content="あなたの名前 | ホーム">
<meta property="og:description" content="自分のホームページ。制作物・日記・メモ。">
<meta property="og:type" content="website">
<nav>Home / About / Posts</nav>
<footer>© 2025 あなたの名前</footer>
GitHub Pages（Jekyll標準。Rubyベース、Node不要）
Cloudflare Pages（静的ファイルを置くだけで高速CDN）
レンタルサーバー（静的HTML＋SFTP/rsyncで十分）
C. ドメインの基本
DNSはA/AAAA/CAA/TXT最低限、HTTPS必須（Let’s Encryptで無料化）。
D. “最低限の品質チェック”5点
ログを読む：Search Consoleと簡易アクセスログで“本文よりメタ情報”を磨く。
アーカイブ主義：記事は追記で更新。URLは変えない。Versioningを意識。
モヤる気持ちわかります。Togetterやはてブは「早い反応」と「見出し勝負」が強く、煽りっぽいタイトルほど跳ねやすい土壌があります。とはいえ、全部を一緒くたにしても消耗するだけなので、「誰にどう読まれたいか」を決めてコントロールするのが一番ラクです。
狙いを「建設的に読んでほしい」に寄せるコツ
もし「釣れそう」と感じている具体的なタイトル案があれば、誤読や炎上の芽を潰す形に言い換え提案します。目的（誰に何を伝えたいか）だけ教えてもらえれば数案出します。
twitterのトレンドで目についただけで中身よんでないけど
https://www.nikkei.com/article/DGXZQOUB290LT0Z20C23A8000000/?n_cid=SNSTW001&n_tw=1693306228
ね
まず円の実力ってなに？購買力=実力なのか？わかった。じゃあ対外的な指標であるとしよう。だとしたら
これが意味不明。国内消費の話をするんだったら国債発行の議論になるはずだし対外的な購買力の話をする場合になんで家計が出てくんの？？？
先述の通り記事の中身読んでないから誤解は十分にあると思うけど見出しと導入部分があまりにも曖昧過ぎてOGPで出すレベルじゃない
ゆで先生が自分の決めゴマを軽々と引用されることに憤ることはわかるんだけど、ゆで先生の作風は決めゴマを出したところで魅力を失わないところもある。Webマンガ/電子書籍マンガのスクショシェアは「宣伝」ではなく、コミュニケーションと言う部分が強い。レオパルドンの最後のページは「分かる人には分かる」が「肉を知らん人にはなに？」くらいでしかないし。わからん人には「とにかく熱そう/面白そうだから読んでみよう」というアクセス性とコミュニケーション性が発生する。
作者の気持ちはわかる。気持ちはわかるが、多分現状だと（特にキン肉マン的な作品は）意味がない。
無邪気にTwitterへ画像を上げてる人々に金が渡ってるわけでもないのが一番の難しいところかなと思う。そういう状況ならふたばが一番に潰されないといけない。しかしふたばを潰されると…という気持ちも発生する。あの掲示板がどこまで業務妨害を発生させているかはわからないから。
Webマンガ/電子書籍マンガのスクショをアップするという問題性はとても強いと思うのだが、それについて声を上げたのがゆで先生だというのが問題を複雑化している。ゆで先生の作品はネタバレしたところで面白さを対して損なわないから。全ページアップし、なおかつそのページへのアクセスから利益を稼ぐという悪行は許せない。が、無邪気かつ面白さを伝えるための引用行為はどういう状況を発生させるか。
完全に著作権違反となるスクショを排し、その上でアクセス数や売上にどれだけ影響があるかテストしてみてもいいかもしれない。自分もスクショを見て「これなんだ？」と感じコミックスを購入したことがある。SNSでのスクショがなければ、全くアクセスはなかったと思う。
あとスクショと比べるためには「よりアクセスを促す」OGP画像も色々毎回用意しないといけないしな…大変だ…。
SNSにアップロードされるスクショを「宣伝になるから」と擁護するつもりはないが、SNS内でのコミュニケーションを高めるという利点はあると思う。それをどこまで許容するか、そして数字をどう計上し排除するか継続させるかを判断するか、という部分が今必要なのではないか。
じゃあ広告も全滅だね、みたいなコメントに対して、いや広告はユーザーの目に触れるから裏で勝手にやってるコインハイブとは違う、みないなレスが出たりしてるけどさ、
Vue.jsとFirebaseでOGP画像生成系のサービスを爆速で作ろう
https://qiita.com/serinuntius/items/3017fb6ef51cd47352f6
たとえばこういった感じのサービス。ユーザーのブラウザ側で、画像を生成して、それをfirebaseにアップロードしてるけど、利用者のみんながみんな「自分の端末から画像のアップロードが発生してる」と認識してるとは思えないわけで（サーバーが画像生成してそれをアップロードしてるからサーバーの通信帯域を使う、と認識しがちなのでは？）、ということは勝手にギガを消費して不利益を被っているいるから有罪になるんじゃないか？
真面目に気になるので誰か教えてほしい。
文系出身だけど前々からWebサービスつくってみたくて勉強がてら一人でWebサービス作ってみました。
作りたいって思うなら実際に作ってみるのが一番いいってじっちゃんがいってた。
やってみて感じたこととか先輩エンジニアの人たちに教えて欲しいこととかを書いていきたいと思います。
じっちゃん、僕にもできたよ！
EDM JACK
簡単に説明するとクラブミュージックを淡々と紹介していくサイト
・26歳
・フリーター(ほぼニート)→知人の会社で営業職→今年の4月にWeb業界へ転職。
・営業職だったころにあいた時間にドットインストールとかでHTML/CSSの勉強をしてた。
大学を中退してからフリーターになって、その頃から自分でWebサービスとかつくって運営してる人ってかっこいいな〜とか思ってた。
Facebookの映画とか見たときは完全に感化されっぱなしだった。
でもいつか作れたらいいな〜って思ってただけでなにもしてなかった。
最近いろいろ環境が変わって少し休みをもらえたので奮起して勉強がてら作ってみることにしたのです。
漠然と「Webサービス作りたい」って思ってたからまずどんなWebサービスを作るか考えました。
やっぱり好きなことじゃないと続かないと思ったので
自分が好きなクラブミュージックをまとめるサイトを作ることにしました。
ジャンルはDJ KAO●Iとかミーハーな感じの曲じゃなくてEDMってやつ。
EDMといえば今月日本でもUltra Music Festivalが開催されるね！やったね！Hardwellに会えるね！
まずはプログラミングとやらを勉強することにしました。ドットインストールは偉大です。お世話になりました。
ここでHTML/CSSとPHPを勉強しました。でもPHPでゼロからコードを書いて作ろうとすると重大な問題があることに気が付きました。
時間がかかりすぎる。
今回はとりあえず自分でなにかWebサービスを作ってみるということを経験したかったのでWordPressを使うことにしました。
でもさすがにレンタルサーバーを借りてWordPress入れましたっていうんじゃ先輩エンジニアの人たちに怒られちゃうと思ったので、
WordPressを入れるサーバーの環境構築は自分で頑張ってやってみることにしました。
なのでWeb業界ではアイドル的存在のAWSっていうやつで頑張ることにしました。
ここでもドットインストールにお世話になりました。ほんとなんでもチュートリアルがあってすごい。
最初はWebサーバーにApacheを入れていたんですが、なんか重たい感じがしていろいろ調べているとNginxがナウい感じだったので
Nginxでインスタンスを立て直すことしました。環境的にはこんな感じ。
Nginx 1.4.7
MySQL 5.6.13
ドットインストールでUnixコマンドとかを勉強したとはいってもNginxの設定周りをいじるのは結構大変でした。
でもNginx使うからにはチューニングしてから使わないとApache先生に怒られちゃうので、
チューニングテストをしたらTransfer Rateが17[Kbytes/sec] くらいから15000 [Kbytes/sec]くらいになった。
無事にサーバーが立てられたのでWordPressを突っ込んでテーマとかいろいろいじりました。
シェアボタンをつけたりFacebookのLikeBoxを入れたりでちょっとテーマいじった程度。
あ、カテゴリとタグにpickupってつけたら自動で投稿が目立つようにした。これは自分でテーマファイルいじって書いた。
入れたプラグインはこんな感じ。Jetpackはモバイルテーマのみを有効化してる。
アイキャッチ画像が多いからPhotonも有効化してもいいかなって悩んでる。
Akismet
All In One SEO Pack
Batch Category Import
Favicon Rotator
Font Awesome Icons
Mobile Theme Featured images for Jetpack
NextScripts: Social Networks Auto-Poster
Remote Images Grabber
Video Thumbnails
Wordpress Popular Posts
WordPress Related Posts
WordPressなのであとはたらたらと僕がオススメする曲を更新していくだけ。
EC2のt2.microだけど、Nginxのおかげなのか特に問題はなし。
今はYoutubeかSoundcloudのURLをそのまま投稿に入れて、アーティスト名とかDJ名でカテゴリ分けしてる。
せっかくだからドメイン代とかAWS代だけでも回収できればいいなってことでAdSenseも入れてみたｗ
実際に作り始めてから1週間程度でここまでつくることが出来ました。
ドットインストールがなかったらここまで速くつくれなかった。ありがとうございます田口さん。
元々非エンジニアでもやる気になればそれっぽいのが作れて感動しました。
でもなんかOGPの設定がうまくできず、Facebookとかでシェアしようとするとたまに全然関係ない画像が表示されてしまう。
テーマファイルに直接書いてもプラグインでOGP設定してもよくわからなかった。
Facebookのデバッガーつかってキャッシュクリアしてもできたりできなかったり。
将来的にはSoundcloudとMixcloudを足して2で割ったサイトになればいいな。
キュレーター制度とかも入れてみて、僕だけじゃなくていろんなEDM好きやDJがおすすめの曲を投稿できるようにしていきたい。
WordPressで構築しちゃったけどできるだけプラグインに頼らずに自分でPHP書いて実装できるように頑張らなきゃ。
本とかは一冊も読まずにここまで作れたけどPHPエンジニアならこれは読んどけよ若造ってのがあったら教えてください。
EDMは素晴らしいよ！クラブ好きな人もそうでない人もきっと好きになる曲が沢山あるから聞いてみてね！
EDM JACK
早速なんですが、投げ売り堂で RSS 配信を行うようにしました。
| カテゴリー | URL |
|---|---|
| フィギュア | http://www.nageuridou.com/feed/?category=1 |
| アニメDVD・BD | http://www.nageuridou.com/feed/?category=2 |
| ゲーム | http://www.nageuridou.com/feed/?category=3 |
その日更新された商品の上位15件という若干簡易なものになってしまうのですが
後は Facebook の ogp 設定をちゃんと行って、ちゃんと反映されるようになりました。
