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

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

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

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

人気記事ランキング

  1. 検索結果をより目立たせるマークアップとは？
  2. GooglePlay、YouTubeも導入しているマイクロデータschema.orgとは？
  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

「nginx 1.31.2/1.30.3」リリース ─ use-after-freeやバッファオーバーフローに対応 ソブリンAI時代に求められるクラウド基盤とは The Linux Foundationの福安氏が語る「ソブリンなインフラ」と人材育成 Kaggleは「キャリア」に役立つ ー機械屋がデータサイエンティスト、R&Dというキャリアに至った道筋 【フロントエンジニア編】UI/UXの専門になることがゴールではない。目指すべきは「司令塔」ーシステム全体を見通すための3つの失敗回避術 「エンジニアがこの先生きのこるためのカンファレンス」が2025年に引き続き、2026年も開催！ 「Shapefile」で公開されているオープンデータをMySQLに登録してみよう 「BIND 9.20.24/9.18.50/9.21.23」リリース ─ DNS64のセキュリティ問題を修正 カラム指向DBのClickHouseのCTOにインタビュー、コンピューターとの出会いから生成AIによる未来まで語る（後編） 「Apache 2.4.68」リリース ─ 複数の脆弱性を修正 「PyTorch 2.12.1」リリース ─ 量子化テンソルの範囲外読み取り問題などを修正
Kaggleは「キャリア」に役立つ ー機械屋がデータサイエンティスト、R&Dというキャリアに至った道筋 「Apache 2.4.68」リリース ─ 複数の脆弱性を修正 「エンジニアがこの先生きのこるためのカンファレンス」が2025年に引き続き、2026年も開催！ Linuxカーネル「Linux 7.1」リリース─ 新しいNTFSドライバを搭載 【AIが“穴”を探し出す】脆弱性発見AI「Mythos」が企業に問うもの KubeCon Europe 2026から富士通のGPUスケジューラー、CoHDIのライトニングトークを紹介 KDE Frameworks 6.27.0リリース ─ KDEライブラリ群の月例更新 アラート疲労と断片化した運用を組み直すSOC統合基盤「LanG」の設計思想 「FreeBSD 15.1-RELEASE」リリース ─ BSD系OSの最新版 Apple新OS「visionOS 27」やLumaの新型動画生成AIが登場、日本発のスマートグラスやサムスン製ヘッドセットの活用事例も
Kaggleは「キャリア」に役立つ ー機械屋がデータサイエンティスト、R&Dというキャリアに至った道筋 データサイエンスの聖地「Kaggle」は競技を超えて何をもたらすのか：データサイエンスの実務、キャリア、そして知の集積地としての全貌 「C#」の「Forms」でデスクトップゲーム「Color」を開発してみよう 「nginx 1.31.1/1.30.2」リリース ─ ngx_http_rewrite_moduleの脆弱性を修正 「MySQL」と「PostgreSQL」を安全に使い続けるための「バージョン管理」を理解する WSLでUbuntuの最新LTSリリース「Ubuntu 26.04 LTS」を動かしてみよう 「Apache 2.4.68」リリース ─ 複数の脆弱性を修正 OSSの持続可能性を問う －プリザンター10周年記念イベントで語られたコミュニティと継続の流儀 AIの生産性を高めて現場の成果につなげよう！『Visual Studio Codeで学ぶ！GitHub Copilot入門』を5名様にプレゼント！ 「Rocky Linux」が緊急セキュリティ修正用リポジトリを導入
人気記事ランキングをもっと見る

新着記事

「Shapefile」で公開されているオープンデータをMySQLに登録してみよう 6月19日 6:30 カラム指向DBのClickHouseのCTOにインタビュー、コンピューターとの出会いから生成AIによる未来まで語る（後編） 6月19日 5:59 【フロントエンジニア編】UI/UXの専門になることがゴールではない。目指すべきは「司令塔」ーシステム全体を見通すための3つの失敗回避術 6月18日 6:30 ソブリンAI時代に求められるクラウド基盤とは The Linux Foundationの福安氏が語る「ソブリンなインフラ」と人材育成 6月18日 5:59 KubeVela実践の現在地: 大規模事例に学ぶ設計判断と限界 6月17日 6:30

企画広告も役立つ情報バッチリ！ 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