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

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

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

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

記事一覧

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

「OpenSSL」に複数の脆弱性、アップデートが提供 マルウェア解析環境を作ってみよう(ベースOSとHost OSのインストール) 【号外：2026年の中心地】「会社でAIの話が通じない」を解消する。共創の現在地ーSTATION Ai「生成AIギルド」ー パッケージマネージャ・システム配布ウェア「GNU Guix/GuixSD 1.5」リリース— デスクトップ環境サポート強化・プラットフォーム拡張 ソウルドアウトグループが切り開く、全社員95%活用を達成した生成AI活用の軌跡 「Blender」で作成したボーンアニメーションを「UltraMotion3D」ライブラリで表示してみよう KubeCon North America 2025、AIとセキュリティを重要視した初日のキーノートを紹介（前半） 機械学習フレームワーク「PyTorch 2.10」リリース‐コンパイラスタックを中心に複数の機能改善 GitHub Universe 2025からCOOとCopilot担当のVPのインタビューを紹介 「AWS CloudWatch」でEKSクラスターを監視してみよう
「MySQL」と「PostgreSQL」のセキュリティ機能を比較する 【完全解剖】AIエージェント時代のセキュリティ 広視野角の一体型MRヘッドセット発表、Metaが法人向けプログラムを終了ほか 【号外：2026年の中心地】「会社でAIの話が通じない」を解消する。共創の現在地ーSTATION Ai「生成AIギルド」ー SOLOSのスマートグラス「AirGo3」発売、「Meta Horizon Workrooms」提供終了ほか 「面」の地理情報データを扱ってみよう【前編】 【CNDW2025】クラウド時代の設計と検証を再構築し、Kubernetesでエンタープライズのインフラ設計とテスト手法を整理 KubeCon North America 2025、AIとセキュリティを重要視した初日のキーノートを紹介（前半） 「OpenSSL」に複数の脆弱性、アップデートが提供 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには
「MySQL」と「PostgreSQL」のセキュリティ機能を比較する SOLOSのスマートグラス「AirGo3」発売、「Meta Horizon Workrooms」提供終了ほか 「趣味」と「仕事」の境界線をシームレスにする「新世代エンジニア」の生存戦略とは 【完全解剖】AIエージェント時代のセキュリティ 広視野角の一体型MRヘッドセット発表、Metaが法人向けプログラムを終了ほか 組織とプロジェクトを“外から正す”「第三者評価PMO」 【号外：2026年の中心地】「会社でAIの話が通じない」を解消する。共創の現在地ーSTATION Ai「生成AIギルド」ー 【CNDW2025】クラウド時代の設計と検証を再構築し、Kubernetesでエンタープライズのインフラ設計とテスト手法を整理 GitHub Universe 2025からMicrosoftが語る開発からSREまでのワークフローを紹介 フラグ管理のオープンスタンダード「OpenFeature」と評価エンジン「flagd」でFeature Flagの導入課題を解決する
人気記事ランキングをもっと見る

新着記事

「AWS CloudWatch」でEKSクラスターを監視してみよう 1月27日 6:30 GitHub Universe 2025からCOOとCopilot担当のVPのインタビューを紹介 1月27日 6:00 KubeCon North America 2025、AIとセキュリティを重要視した初日のキーノートを紹介（前半） 1月26日 6:01 広視野角の一体型MRヘッドセット発表、Metaが法人向けプログラムを終了ほか 1月26日 6:00 【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30

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

【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 目指すはプロセス連結によるサイロ化の打破! ガバナンス強化にも寄与する自動化プラットフォームとは 2025年1月15日 6:30