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

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

Cライブラリ「glibc 2.43」リリース‐clangビルド実験対応やUnicode 17更新など 機械学習フレームワーク「PyTorch 2.10」リリース‐コンパイラスタックを中心に複数の機能改善 【CNDW2025】クラウド時代の設計と検証を再構築し、Kubernetesでエンタープライズのインフラ設計とテスト手法を整理 「Ubuntu」が最長15年サポートされる!? WSLにも対応した「Ubuntu Pro」を使ってみよう SOLOSのスマートグラス「AirGo3」発売、「Meta Horizon Workrooms」提供終了ほか ステラセキュリティ、技術視点からの「チート対策支援サービス」を提供 「MySQL」と「PostgreSQL」のセキュリティ機能を比較する プログラミング言語「Rust 1.93」リリース‐inline assemblyブロックの条件付きコンパイル改善など Let's Encrypt、6日間有効の短期証明書とIPアドレス証明書を一般提供開始 Rokidが38.5グラムの新型AIグラス発表、RazerのAIコンパニオン搭載デバイスほか
「Ubuntu」が最長15年サポートされる!? WSLにも対応した「Ubuntu Pro」を使ってみよう SOLOSのスマートグラス「AirGo3」発売、「Meta Horizon Workrooms」提供終了ほか 「MySQL」と「PostgreSQL」のセキュリティ機能を比較する 【完全解剖】AIエージェント時代のセキュリティ 「趣味」と「仕事」の境界線をシームレスにする「新世代エンジニア」の生存戦略とは Rokidが38.5グラムの新型AIグラス発表、RazerのAIコンパニオン搭載デバイスほか 組織とプロジェクトを“外から正す”「第三者評価PMO」 GitHub Universe 2025からMicrosoftが語る開発からSREまでのワークフローを紹介 【CNDW2025】クラウド時代の設計と検証を再構築し、Kubernetesでエンタープライズのインフラ設計とテスト手法を整理 フラグ管理のオープンスタンダード「OpenFeature」と評価エンジン「flagd」でFeature Flagの導入課題を解決する
「Ubuntu」が最長15年サポートされる!? WSLにも対応した「Ubuntu Pro」を使ってみよう Rokidが38.5グラムの新型AIグラス発表、RazerのAIコンパニオン搭載デバイスほか 「趣味」と「仕事」の境界線をシームレスにする「新世代エンジニア」の生存戦略とは SOLOSのスマートグラス「AirGo3」発売、「Meta Horizon Workrooms」提供終了ほか 「MySQL」と「PostgreSQL」のセキュリティ機能を比較する 【完全解剖】AIエージェント時代のセキュリティ 【深層分析への扉】SyslogとトラフィックFlowの活用 真実と幻想とEDRバイパス概覧 【CNDW2025】プロダクト急増に備える基盤刷新 ーウェルスナビがECSからEKSへの移行で得た知見とは 組織とプロジェクトを“外から正す”「第三者評価PMO」
人気記事ランキングをもっと見る

新着記事

【CNDW2025】Grafanaが明かす「オブザーバビリティの哲学」ー最小限の労力で実用的なインサイトを得るには 1月23日 6:30 「面」の地理情報データを扱ってみよう【前編】 1月23日 6:30 【完全解剖】AIエージェント時代のセキュリティ 1月22日 6:30 フラグ管理のオープンスタンダード「OpenFeature」と評価エンジン「flagd」でFeature Flagの導入課題を解決する 1月22日 6:30 「MySQL」と「PostgreSQL」のセキュリティ機能を比較する 1月21日 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