インプレス ビジネスメディア

HTML5を使って、セマンティックなWebサイトを作ろう

2012年3月に発表されたGoogleセマンティック検索の導入にあるように、セマンティックというキーワードが急に身近になった今、セマンティック・ウェブは、今後ますますトレンドになっていくでしょう。

今回の連載では、実際にHTML5やマイクロデータを使った、セマンティックなマークアップの導入例や方法などを説明してまいります。

人気記事ランキング

  1. GooglePlay、YouTubeも導入しているマイクロデータschema.orgとは？
  2. 検索結果をより目立たせるマークアップとは？
  3. 実践！すぐに導入できるセマンティックなマークアップ、4つのパターン

記事一覧

GooglePlay、YouTubeも導入しているマイクロデータschema.orgとは？

セマンティック・ウェブとマイクロデータの関係第3回となる今回は、マイクロデータについて取り上げます。マイクロデータは、文書の意味や属性を伝える構文の１つで、セマンティック・ウェブの実現には不可欠です。HTML5はページの「構造」を伝えるものですが、マイクロデータは、「属性（エンティティ）」を伝える

柴田 麻衣

2012年5月9日 20:00

  • Web開発
  • 技術解説

実践！すぐに導入できるセマンティックなマークアップ、4つのパターン

セマンティックなマークアップの実践前回は、セマンティック・ウェブを中心に、HTML5やマイクロデータのマークアップについて簡単に説明しました。2回目となる今回は、もっと実践的なHTML5を使用したセマンティックなマークアップについて、以下の4つのサイトを例に挙げながら進めていきます。ニュース配信サ

柴田 麻衣

2012年4月25日 20:00

  • Web開発
  • 技術解説

検索結果をより目立たせるマークアップとは？

セマンティック・ウェブ「セマンティック・ウェブ」とは、ウェブ上にあるあらゆる情報を、データとして正確に認識し整理しようする考え方、技術の向上を促進する動きのことです。筆者はこれまで、複数ある自社SEOのSEOコンサルやアクセス解析を専門としてきましたが、今では気づくとHTML5のマークアップについ

柴田 麻衣

2012年4月18日 20:00

  • Web開発
  • 技術解説

人気記事トップ10

Linuxカーネルにローカル権限昇格脆弱性「Dirty Frag」 ─ PoC公開、各ディストリビューションが対応進める 【熱狂の週末】社会人×学生が入り乱れる。STATION Aiが仕掛ける「起業家輩出エコシステム」の最前線 「Linux 7.0.3」ほかリリース ─ 長期未発見のバグ「CopyFail」修正 「緯度1度は、高緯度ほど長いのか？短いのか？」を考えてみよう AAAI-26より、LLMに「忘れさせる」機能を研究しているセッションを紹介 Microsoftが「MS-DOS 4.0」のソースコードをMITライセンスの下で公開 保守性と拡張性の高いシステム構築の勘どころがわかる！『Pythonではじめるクリーンアーキテクチャ』を5名様にプレゼント！ 完璧なAIはいらない？「弱いロボット」の可能性と、名鉄グループが築いた生成AIの”土壌” SIGGRAPH Asiaで理解した国際的な学会の上手な過ごし方とは？ 「Node.js 26.0.0」リリース ─ Temporal APIをデフォルトで有効化
「Linux 7.0.3」ほかリリース ─ 長期未発見のバグ「CopyFail」修正 【熱狂の週末】社会人×学生が入り乱れる。STATION Aiが仕掛ける「起業家輩出エコシステム」の最前線 Microsoftが「MS-DOS 4.0」のソースコードをMITライセンスの下で公開 AAAI-26より、LLMに「忘れさせる」機能を研究しているセッションを紹介 Linux Mint、最新カーネルを搭載したHWE ISOの提供を開始 ─ 新ハードウェア対応を強化 「LibreOffice 26.2.3 Community」リリース ─ 安定性と互換性の強化 「Node.js 26.0.0」リリース ─ Temporal APIをデフォルトで有効化 「Fedora Linux 44」リリース クラウドネイティブは「退屈」になった ー「CNCFアニュアルサーベイ2025」が映し出すAI時代のインフラ現実 完璧なAIはいらない？「弱いロボット」の可能性と、名鉄グループが築いた生成AIの”土壌”
「Linux 7.0.3」ほかリリース ─ 長期未発見のバグ「CopyFail」修正 Microsoftが「MS-DOS 4.0」のソースコードをMITライセンスの下で公開 「Fedora Linux 44」リリース 完璧なAIはいらない？「弱いロボット」の可能性と、名鉄グループが築いた生成AIの”土壌” 保守性と拡張性の高いシステム構築の勘どころがわかる！『Pythonではじめるクリーンアーキテクチャ』を5名様にプレゼント！ クラウドネイティブは「退屈」になった ー「CNCFアニュアルサーベイ2025」が映し出すAI時代のインフラ現実 Arch Linuxベースの「CachyOS」2026年4月版リリース ─ パッケージ管理やセキュリティ機能を強化 【熱狂の週末】社会人×学生が入り乱れる。STATION Aiが仕掛ける「起業家輩出エコシステム」の最前線 Linux Mint、最新カーネルを搭載したHWE ISOの提供を開始 ─ 新ハードウェア対応を強化 OSSの開発者ポータル「Backstage」で「ゴールデンパス」テンプレートを作ってみよう
人気記事ランキングをもっと見る

新着記事

「緯度1度は、高緯度ほど長いのか？短いのか？」を考えてみよう 5月8日 6:30 AAAI-26より、LLMに「忘れさせる」機能を研究しているセッションを紹介 5月8日 6:00 保守性と拡張性の高いシステム構築の勘どころがわかる！『Pythonではじめるクリーンアーキテクチャ』を5名様にプレゼント！ 5月7日 10:00 【熱狂の週末】社会人×学生が入り乱れる。STATION Aiが仕掛ける「起業家輩出エコシステム」の最前線 5月7日 6:30 SIGGRAPH Asiaで理解した国際的な学会の上手な過ごし方とは？ 5月7日 6:00

企画広告も役立つ情報バッチリ！ Sponsored

機能安全開発におけるGoogleTestの活用を支援!「Parasoft C/C++test CT」で実現する効率化＆AI連携 4月14日 6:30 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 1月15日 6:30 【CNDW2025】250環境を5人で運用、構築時間は30分に ーKINTOテクノロジーズが語るインフラ基盤組織の作り方 2025年12月18日 6:30 新たな自動化で熱視線！ AIエージェントの「推論能力」を支える2つのコンポーネントとは？ 2025年11月28日 6:30 IoTに生成AIを掛け合わせる「AI-driven IoT」で現場のIoTデータ活用を加速 2025年11月26日 6:30 アイレット、KDDIの属人化問題を生成AIアシスタントの精度を高め解消へ 2025年11月21日 6:30 「Grafana Cloud」の先進的ユーザーであるグリーが10年をかけて到達した「オブザーバービリティ」とは 2025年5月15日 6:30 Grafana Labs CTOのTom Wilkie氏インタビュー。スクラップアンドビルドから産まれた「トラブルシューティングの民主化」とは 2025年4月21日 6:30 API管理をより簡単にする「Kong Konnect」が解決する課題とその主要機能 2025年3月5日 5:30