レスポンシブデザインには「もっと読む」リンクが必要ですか？

Question

私は現在、中間市場の新聞のウェブサイトの再設計の最中です。各記事には、トピックページのトップ段落とホームページの後に「続きを読む>>」リンクがあります。

私たちのデザインは、デスクトップとモバイルの両方で完全に応答性が高くなり、これらの「続きを読む」リンクに対応することで、モバイルリーダー用に多くのスクロール機能を追加します。また、同じコンテンツの同じユニットが同じページで50回以上繰り返されるのが嫌いです。

ですから、レスポンシブデザインに「もっと読む」リンクを含める必要がありますか。また、他にどのような選択肢がありますか？

Answer 1

おそらくこの状況では、CSSのテキストオーバーフローの省略記号で十分です。記事の要約がクリック可能であることを示すには、いくつかの追加の可能性があります。 https://svbtle.com/ の右側を確認してください。タイトルだけでなく、残りのコンテンツを表示するために要約全体をクリックできるようにするのが大好きです。デスクトップデザインの場合、タイトルの色を変更して、ホバー時のアクションを示すことができます。ホバーイベントを検出できないモバイルデバイスの場合、画面の中央に最も近い記事にタイトルの色の変更を実装できます。

Answer 2

タイトルと画像が記事の完全版にリンクしている限り、「続きを読む」リンクを残すことは最大の取引ではないかもしれません。

そうは言っても、垂直方向にスクロールしながら記事の間に視覚的な区切りを表示するのは良いことかもしれません。モバイルエクスペリエンスが表示されると思います。

• 題名
• 画像
• 紹介文
• 題名
• 画像
• 紹介文

したがって、記事の間にある種の「もっと読む」アイコンがある場合、2つのレベルで機能します。

Answer 3

モバイル環境では、帯域幅と画面サイズが2つの重要な要素です。次の2つの問題に直面していると思います。

1. 「もっと読む」リンクを使用すると、ブラウザに別のリクエストが実行され、ページ全体に新しいコンテンツが再度読み込まれます。
2. 「もっと読む」リンクを使用しないと、ブラウザは無用なコンテンツを大量にロードします。

これらの問題を克服するために、記事の抜粋の下に表示する同じページのコンテンツを非同期で読み込む「もっと読む」ボタンを使用できます。

Answer 4

さて、これは新しいアプローチであり、一般的にどのように採用されるかはわかりませんが、UXに関しては、基本を損なうことはありません。

アイデアはシンプルです。悪いUXプラクティスであるため、ニュース項目のタイトルをクリック可能にしないでください。 「続きを読む」または「続行」リンクを使用したくないので、可能性がありますニュース項目の最後の単語をハイパーリンクにしますが、省略記号を使用すると、それ以上の記号として認識されますその後に続く。

しかし、私はSEOについて別の懸念があります。ハイパーリンクは重要なSEO要素であり、Googleはそれらを介してコンテンツについて学習しようとします。ポストの最後の要素をハイパーリンクとして持つことは、重要ではないランダムな単語がハイパーリンクを取得することを意味し、結果としてSEOノイズを生成することになります。一方、「続きを読む」や「続行」などの標準的な単語はあらゆる場所で使用され、Googleはそれらの高密度を無視して他のハイパーリンクに焦点を当てますが、この新しいアプローチでは、Googleはそのようなハイパーリンクされた単語を無視しません。