ほとんどのWebページにはこれらの要素がすべて含まれています

Webページは他のドキュメントと同様です。つまり、Webページは重要な部分で構成されており、すべてがより大きな全体に寄与しています。 Webページの場合、これらの部分には、画像/動画、見出し、本文コンテンツ、ナビゲーション、およびクレジットが含まれます。 ほとんどのWebページには少なくとも3つの要素が含まれ、多くのWebページには5つの要素すべてが含まれています。 一部の地域には他の地域も含まれていますが、これらの5つが最も一般的です。

画像と動画

画像は、ほぼすべてのWebページの視覚的要素です。 彼らは目を引いて、ページの特定の部分に読者を誘導するのを助けます。 彼らは、ポイントを説明し、ページの残りの部分について追加のコンテキストを提供するのを助けることができます。 ビデオは同じように機能し、プレゼンテーションにモーションとサウンドの要素を追加します。

結局のところ、今日のほとんどのWebページには、いくつかの高品質の画像とビデオがあり、ページを装飾して通知します。

• サイトにイメージを追加する
• Web画像を使用するためのヒント
• 画像の最適化
• Webページの写真を検索する方法
• ウェブサイトのための素晴らしい写真を撮る
• Web用グラフィックスとイメージに関するその他のヘルプ

見出し

ほとんどのWebページでは、イメージ、見出し、タイトルが次の最も重要な要素です。 ほとんどのWebデザイナーは、周囲のテキストよりも大きく、より目立つ見出しを作成するために、ある種の書体を使用します。 さらに、良いSEOでは、見出しだけでなくHTMLの見出しを表すために、 HTMLの見出しタグ

〜

を使用する必要があります。

うまく設計された見出しのヘルプは、ページのテキストを分割して、コンテンツの読み込みと処理を簡単にします。

• ウェブタイポグラフィー
• CSSですばらしい見出しを作る方法を学ぶ
• 物事を際立たせる - ウェブデザインの強調
• CSSイメージの置換 - CSSを使用して見出しを画像に置き換えます

ボディの内容

本文コンテンツは、あなたのWebページの大半を占めるテキストです。 ウェブデザインでは「コンテンツはキング」と言っています。 これが意味することは、コンテンツが人々があなたのWebページに来て、そのコンテンツのレイアウトがより効果的にそれを読むのを助けることができる理由です。 段落のような項目を上記のヘッダーとともに使用すると、Webページをより読みやすくすることができます。リストやリンクなどの要素では、テキストを簡単にスキミングできます。 これらのすべての部分が一緒になって、読者が理解して楽しむページコンテンツを作成します。

• Webコンテンツとは
• あなたの顧客の目標を満たすWebページの作成
• Web Writingのための10のヒント
• 段落の最初の行をどのようにインデントするのですか？
• アラインメント - 要素をページ上にフローティングする

ナビゲーション

ほとんどのWebページは独立したページではなく、より大きな構造の一部であり、Webサイト全体です。 したがって、ナビゲーションは、ほとんどのWebページで顧客をサイトに保管し、他のページを読むために重要な役割を果たします。

Webページには内部ナビゲーション、特に多くのコンテンツを含む長いページが含まれている場合もあります。 ナビゲーションは、読者の指向を維持し、ページやサイト全体で自分の道を見つけることを可能にします。

• Webサイトのナビゲート
• リンク腐敗：あなたは犯人ですか？

クレジット

Webページ上のクレジットは、コンテンツやナビゲーションではなくページの詳細を提供するページの情報要素です。 出版日、著作権情報、プライバシーポリシーのリンク、およびWebページのデザイナー、作家、所有者に関するその他の情報などが含まれます。 ほとんどのWebページには、この情報が下部に表示されますが、デザインに合わせてサイドバーや上部にも含めることができます。

• ウェブ上の著作権
• ウェブデザインとHTMLは著作権で保護されていますか？
• プライバシーポリシーとP3P
• あなたのサイトに連絡先情報を入れる理由
• ウェブサイトの法的ページ

Jennifer Kryninのオリジナル記事。 ジェレミージラール編集：3/2/17