AI × SEMANTIC WEB / WEBや

AIと、意味のあるWebを。

見た目だけで終わらせない。
AIと一緒に、伝わる構造までつくる。

Webをつくる人へ。AIを活用しながら、情報の構造や業務の仕組みを考えるプロジェクトを紹介します。

01 / PROJECTS

つくっているもの。

AIとWebのあいだで、意味を形にする三つのプロジェクト。

01 PERSONAL INFORMATICS

関心や経験を手がかりに、自分の次の一歩を考える自己探索ツール。

TRAJEXAをひらく

02 OPEN SOURCE / WEB STANDARDS

デザインカンプから、意味のあるHTMLへ。ブリーフから、意味を持つデザインへ。制作の考え方をまとめるガイドです。

03 ACCESS / MIGRATION PLANNING

Microsoft Accessで動く業務の仕組みを、次の環境へ。データベースの構造をこのPCの中で解析し、移行計画の草案づくりを支援するツールです。

GitHubで見る

04 AI EXPERIMENTS / LAB

変ジニアの庵に並ぶ、実験標本箱。自然の物理や昆虫の複眼から、LLMの構造を組み直す。確証のない試行も、そのまま記録しています。

02 / PROCESS

AIと進めるときも、読む人と使う人のために、ひとつずつ役割を決めていく。

03 / SEO & FAQ

検索エンジンは、見出し・本文・手順の区切りを、HTMLの構造から読み取ります。

セマンティックHTMLは、検索順位を直接上げるための仕組みではありません。記事によると、GoogleもセマンティックHTMLを直接のランキング要因とは言っていません。目的は、人にも機械にも内容の役割が伝わるように書くことです。見出しは階層どおりに、ナビゲーションや本文は役割のある要素で分けます。

セマンティックHTMLを使うとSEOに効きますか。: 直接の順位要因とはされていません。ただ、構造が明確なページは、読む人にも検索エンジンにも内容が伝わりやすくなります。
AIに読ませるための特別な書き方は必要ですか。: 特別な書き方は不要です。一次情報や自分の経験を書き、構造を明確にすることが基本です。
Semantic Web Skillとは何ですか。: デザインカンプや要件から、意味のあるHTMLを組み立てるための制作ガイドです。詳しくはスキルのページへ。

04 / ATELIER

画面の外でひろがる、黒猫コタのグッズと作品。