Web コンテンツ ページを作成するための 9 つの実用的なヒント

Web コンテンツ ページを作成するための 9 つの実用的なヒント
コンテンツ1. 読者に留まる理由を与える。ウェブページを面白く魅力的なものにしましょう。しかし、まず第一に、それを有用なものにしてください。これを実現する簡単な方法は、相互参加を提供することです。つまり、読者に定期的なニュースレターの登録などの何かを依頼し、毎週の抽選や何かをダウンロードするチャンスなど、何らかの形で参加に対する報酬を与えるのです。
2. 訪問者にとって最も価値のあるサイトとは、どのような情報が利用可能か、その情報をどのように入手するか、そして読者が不正確と思われる誤りを修正したり独自のコンテンツを追加したりする方法などがすぐにわかるサイトです。
3. 自分の名前を署名し、受けた栄誉を記載します。ただし、長い署名は書かないでください。特にページを個人的なものにしたい場合には、少し自己宣伝をするのが適切ですが、ぎこちなく、実質的なコンテンツの邪魔になることもあります。必要なのは、「著者について」ページにリンクすることだけです。このページは、免責事項、著作権表示、および同様の指示を掲載するのに適した場所でもあります。
4. 誰もが持っているが、もはや人気がない一般的な Web 参照やリンクを含めないでください。 Alta Vista や Yahoo へのリンクはおそらく十分ですが、それ以外の外部リンクは、読者がまだ見たことのない特別な重要性を持つ場所にする必要があります。
5. レビューや読者のコメントの形で肯定的なフィードバックがある場合は、ホームページの冒頭のどこかに、または表彰ページへのリンクとして、それを含めることを検討してください。正しく実行すれば、新しい訪問者を励まし、安心させることができます。逆に、きちんとやらなければ、自慢話とみなされ、実際の内容が軽視されてしまいます。
6. 紙に書くことに関してこれまで身につけた習慣のほとんどを忘れましょう。テキストベースの紙ベースの執筆で直面する課題は、読者の興味を引き付けながら、情報を提供したり、楽しませたり、説得したりしながら、慎重に作成された物語を作成することです。しかし、ほとんどの Web レイアウトではテキストが主要な要素ではありません。ページ上のテキストが他の要素より多い場合でも、多くの場合、他の要素 (画像、ハイパーメディア リンク) の方がテキスト単独よりも重要だと見なされます。
7. 構造は非常に重要です。 Web ページは 2 次元のように見えるかもしれませんが、そのように解釈されるべきではありません。印刷されたページの元の構造は Web 上には存在しません。文書の目に見える構造にはより微妙なコミュニケーション機能がある可能性があるため、作成者は文書の目に見える構造に重点を置く必要があります。
8. Web 読者はすべての単語を読むわけではありません。彼らの読み方は、厳格なツリー形式のファイルのように行ごとに読むというよりも、速読に近いものです。コンピューターの画面で読むのは特に快適な体験ではないので、読者はできるだけ早く結果を求めています。
9. Web ページの作成においては、読者は実際には共同作業者です。語彙、語調、およびあらゆる種類の文章に適用されるその他の考慮事項に注意を払うだけでなく、Web 作成者は、マウス ボタンのクリック、ページのスクロール、電子メールの作成など、読者の物理的な動きもコミュニケーション プロセスの一部であることを認識し、具体的に理解する必要があります。

<<:  CSS で縦書きテキスト配置を実装する方法 (概要)

>>:  IE9beta版ブラウザはHTML5/CSS3をサポート

推薦する

Linux での Firewalld の高度な設定の使用に関する詳細な説明

IPマスカレードとポート転送Firewalldは2種類のネットワークアドレス変換をサポートしています...

Vue ElementUI フォームのフォーム検証

フォーム検証は、フロントエンド開発プロセスで最もよく使用される機能の 1 つです。私の個人的な仕事経...

負のマージントップ値は、ラベルテキストと入力の間の垂直中央揃えの問題を解決します。

ラベルテキストと入力の垂直方向の中央揃えを調整するのは簡単ではありません。padding、verti...

Linux サーバーでの MySQL インストール情報の表示

mysql のインストール情報を表示します。 #ps -ef | grep mysql usr/bi...

フロントエンドにアニメーション遷移効果を実装する方法

目次導入従来のトランジションアニメーションCSS トランジションアニメーションjsアニメーション従来...

CSS フレックスベースのテキストオーバーフロー問題の解決方法

重要でないflex-basisテキストオーバーフローに省略記号を追加するという小さな機能に多くの問題...

シェルスクリプトは、Docker の半自動コンパイル、パッケージ化、およびリリースアプリケーション操作を構築します。

Docker 公開方法は、DevOps (送信、コンパイル、パッケージ化、リリースなどの一連のイベ...

MySQL の完全バックアップとクイックリカバリ方法

過去 15 日間のデータをバックアップするシンプルな MySQL 完全バックアップ スクリプト。バッ...

フォーム要素の垂直方向の中央揃えに最適なソリューション

コードをコピーコードは次のとおりです。 <!DOCTYPE html PUBLIC "...

MySQL CHARとVARCHARの選択方法

目次VARCHAR 型と CHAR 型結論: VARCHAR 型と CHAR 型VARCHAR と ...

HTML テーブル マークアップ チュートリアル (22): 行の境界線の色属性 BORDERCOLORLIGHT

行内では、明るい境界線の色を個別に定義できます。基本的な構文<TR ボーダーカラーライト=co...

要素テーブルの行と列のドラッグを実装する例

要素 ui テーブルにはドラッグ アンド ドロップによる並べ替え機能が組み込まれておらず、サードパー...

9999px に別れを告げる新しい CSS 画像置換テクニック (背景表示と画面外へのテキストの移動)

-9999 ピクセルの画像置換技術は、ここ 10 年近く人気があります。テキスト要素を画像に置き換え...

React Fragment の紹介と詳しい使い方

目次序文フラグメントの動機React Fragment の紹介と使用<React.Fragme...

MySQL フィールドで NOT NULL を使用する必要があるのはなぜですか?

私は最近新しい会社に入社したのですが、データベース設計にいくつか小さな問題があることに気付きました。...