HTML 【テクニカル・上級編】OGPの基本概念とog:title, og:type – HTML実践ガイド
なぜ「OGP設定」がWebアーキテクトの腕の見せ所なのかWebフロントエンドの世界において、`` という文字列を見て「単なるSEOの付随機能」と切り捨てているエンジニアは、残念ながらアーキテクトとしては二流だ。SNSのシェアカードは、単なる...
HTML
HTML HTML 【実務・中級編】OGPの基本概念とog:title, og:type – HTML実践ガイド
くっそ、またOGPかよ！って思ってるそこの君、ちょっと待った！OGP、舐めてると痛い目見るぞ。SNSで「うちのサイト、なんかショボいカードで表示されてる…」なんてことになったら、もう取り返しがつかない。今回は、そんな悲劇を未然に防ぐためのO...
HTML 【入門編】OGPの基本概念とog:title, og:type – HTML実践ガイド
はい、承知いたしました。Web制作・開発の初学者の方々が、SNSシェア時のカード表示を制御するOGP（Open Graph Protocol）の基本概念、特に`og:title`と`og:type`について、親しみやすく、かつ実践的に理解で...
HTML 【テクニカル・上級編】title要素のSEOとUIにおける重要性 – HTML実践ガイド
「title」という名の羅針盤：SEOとUI、そしてブラウザエンジンの深淵へWebアプリケーション開発の最前線で、日々泥臭いコードと格闘されている皆さん、こんにちは。テックリードとして、あるいは将来そうあろうとする皆さんにとって、アプリケー...
HTML 【実務・中級編】title要素のSEOとUIにおける重要性 – HTML実践ガイド
おう、君たち！フロントエンド開発、お疲れ様！今日はHTMLの基本中の基本だけど、意外と奥が深くて、SEOにもUIにもめちゃくちゃ効いてくる「`title`要素」について、実務で使えるレベルでガッツリ解説していくぜ。「`title`要素」って...
HTML 【入門編】title要素のSEOとUIにおける重要性 – HTML実践ガイド
はい、承知いたしました！世界最高峰のフロントエンド・スペシャリストとして、HTMLの `title` 要素の重要性について、初学者の方にも分かりやすく、そして何より「なるほど！」と思っていただけるようなブログ記事を執筆します。現場のリアルな...
HTML 【テクニカル・上級編】meta robotsによるクローリング制御 – HTML実践ガイド
おう、諸君！フロントエンドの深淵を覗き、コードの奥底に眠る真実を探求する者たちよ。今日は、Webアプリケーションの「顔」とも言える `` タグ、中でも検索エンジンとの対話に不可欠な `meta robots` ディレクティブについて、諸君ら...
HTML 【実務・中級編】meta robotsによるクローリング制御 – HTML実践ガイド
おう、君もWebサイトのクローラー制御、気になってるんだな？特に `meta robots` タグの使い方について、現場で本当に役立つ話をしようじゃないか。俺も昔は「これってどうなってるんだ？」って手探りだった時期もあるさ。でも、この `m...
HTML 【入門編】meta robotsによるクローリング制御 – HTML実践ガイド
Webサイトの「立ち入り禁止」と「案内板」：meta robotsでクローラーを上手に誘導しようWebサイトを作っていると、「検索結果に載せたいページ」と「逆に、こっそり隠しておきたいページ」が出てきますよね。例えば、誰でも見てほしい「トッ...
HTML 【テクニカル・上級編】meta descriptionによる検索結果の要約 – HTML実践ガイド
SERPの顔を磨き上げろ！`meta description`、それは検索体験をデザインする職人技どうも、皆さん。この記事にたどり着いたということは、きっと単なる「HTMLを書く人」から、一歩も二歩も踏み込んだ「Web体験を設計するアーキテ...