中国語ウェブコンテンツを紹介する10の経験

中国語ウェブコンテンツを紹介する10の経験
<br /> テキスト、シンボル、リンクの 3 つの側面に焦点を当て、主に中国語で、私の個人的な執筆経験をまとめました。
1. 書き間違いを避ける。うるさい読者への対応も 1 つの側面ですが、特定のキーワードに誤りがあると、検索エンジンによるクロールが回避される可能性があります。
2. テキストの密度とリズムの制御。段落の長さは 4 行程度にしてください。少ないほうが多いよりも良いです。同時に、大量のテキストを連続して段落に並べるのは避けてください。段落間の最適なリズムは、1、1、2、2、3、3 ではなく、1、3、2、3、1、2 のような不規則な構造です。同じ原則が、垂直段落と水平段落にも適用されます。
3. 同じ段落内で単語が途切れないようにします。たとえば、行末に「搜」があり、次の行の先頭に「狐」がある場合、ユーザーにとって読みにくくなります。デフォルトの英語の段落では単語が分割されないことに注意してください。理由は同じです。
4. HTML 構造コードはセマンティック標準に準拠しています。最も混乱を招くのは、順序付きリスト、順序なしリスト、定義済みリストでしょう。12345 と書くことと ol を使うことの間にはほとんど違いはありませんが、検索エンジンはそれらの意味が異なると認識します。
5. エンティティエスケープコードの役割。一般的な使用法としては、中国語の文字の後に &nbsp; を使用して英語のスペースを表す、&copy; を使用して著作権を示す、&lt; と &gt; を使用して <> を置き換えて HTML コードを表示するなどが挙げられます。
6. 句読点の間違いを避けてください。中国語の奥深さは主に句読点と文の区切りによって決まります。句読点は、語調や文脈を正確に伝えるだけでなく、実際には一定の意味分析価値も持っていますが、現在の検索エンジン技術ではこれを実現できません。
7. 記号の応用と違い。中国語と英語、全角と半角のフォントがあり、()と()の効果の違いなど、記号の表現とフォントスタイルの定義が一致しています。 ○↑★→⒌Ⅶ○『△ など、一般的な記号や特殊記号はあまり使用しないことをお勧めします。
8. 漢数字とアラビア数字の違い。それは個人の言語感覚とデフォルトの基準に依存しますが、重要なのは統一性と一貫性です。
9. リンク量の制御。一つの記事内のキーワードを5%以内に抑えるのが適切です。そうでないと、至るところにキーポイントがあるように見え、逆効果となり、視覚効果処理の難易度が上がります。 2 つのリンクが重なり合うと見栄えが悪くなりますが、3 つ重なり合うとさらに見栄えが悪くなります。 400 語の記事の上半分に 20 文字や 10 語のリンクを配置するのは、ページ全体のバランスが崩れ、密度にも関係するため、好ましくありません。
10. 色の適切な使用。リンクプロンプトなどの異なる色の機能の違いは、ユーザーに明確なロジックを提供する必要があり、文字がクリック可能かどうかはテストするのではなく確認する必要があります。さらに、強さの色合いも異なり、最終的には色の数をコントロールする必要があります。
上記はテキストの表面の詳細にすぎません。原則として、私は最善を尽くすだけです。結局のところ、内容が最も重要です。本当に才能のある人にとっては別の話です。下手な書き方も一種のスタイルかもしれません。ユーザーの注意と協力が必要な具体的な注意事項については、インターフェース上のテキストの他の記事をお読みください。
これらの一部は固定幅以外の場合には適用されないことに注意してください。

<<:  Portainer を使用した Docker コンテナのデプロイのプロジェクト実践

>>:  ダイナミックな波効果を実現するSVG+CSS3

推薦する

Vue で Graphql インターフェースを実装する例

注意:この記事は現在取り組んでいる nestjs+graphql+serverless 合宿における...

Vueコンポーネント化の基本的な使用方法の詳細

目次1. コンポーネント化とは何ですか? 2. 基本的な使い方序文:場合によっては、HTML 構造化...

CSSの幅と高さのデフォルト値の詳細な説明:autoと%

結論は幅の%: 包含ブロック(親要素)の幅に基づいて、親の制限を超える幅のパーセンテージを定義します...

収集する価値のあるCSS命名規則(ルール) よく使われるCSS命名規則

CSS命名規則(ルール) よく使われるCSS命名規則ヘッダー: ヘッダーコンテンツ: コンテンツ/コ...

優れた UI (ユーザー インターフェース) デザイナーになるための 20 の道標

はじめに: インターフェイス デザイナーの Joshua Porter が自身のブログでこの記事を公...

CSS の両端揃えを実現する div+css レイアウトの 4 つの方法の概要

2 端揃えを実現する div+css レイアウトは、Web ページの組版でよく使用されます。この記事...

Zabbixのインストールと展開の詳細な説明

序文Zabbix は最も主流のオープンソース監視ソリューションの 1 つです。導入自体は難しくありま...

vue+node+socket ioは複数人のインタラクションを実現し、プロセス全体を解放します

1. 背景1. フロントエンドはvue + vuex + socket.io-clientを使用しま...

MySQL 5.7.21 winx64 グリーンバージョンのインストールと設定方法のグラフィックチュートリアル

この記事ではMySQL 5.7.21のインストールと設定方法を記録しています。具体的な内容は以下のと...

MySQLデータベースを誤って削除した後にデータを回復するための手順

日々の運用・保守作業において、MySQL データベースのバックアップは重要です。ウェブサイトにとって...

Dockerfile を使用して Docker でイメージを構築する方法

イメージを構築するこれまで、テストやデモンストレーションにさまざまなイメージを使用しました。多くの場...

Vue3は画像拡大鏡効果を実現します

この記事の例では、画像拡大鏡効果を実現するためのVue3の具体的なコードを参考までに共有しています。...

Windows Server 2012 でファイル サーバーを構築するための詳細な手順

ファイル サーバーは、企業内で最も一般的に使用されるサーバーの一つであり、主にファイル共有を提供する...

MySQL トリガーの基本的な使い方(作成、表示、削除など)の詳細な説明

目次1. MySQLトリガーの作成: 1. MySQLトリガー作成構文: 2. MySQL作成構文の...

HTML テーブルタグチュートリアル (19): 行タグ

<TR> タグの属性は、次の表に示すように、テーブル内の各行のプロパティを設定するために...