ウェブフロントエンドデザイナー必読の2つの体験

Web フロントエンド デザインは、常に人材不足の業界です。実践者には、しっかりとした理論的知識基盤だけでなく、基本的な SEO 知識と豊富な実践経験が必要です。私は多くの新人デザイナーと会ってきました。平面からページを切り出すような人は、基本的に新人デザイナーです。スピードが重視される昨今、デザイナーの仕事の効率や仕事の結果が、その人の人気を左右します。そこで、新人デザイナーとして、この仕事をする上で理解しておかなければならないポイントが2つあると考えています。

1. 論理的思考力

ここで著者は物理的な論理やビジネス上の論理を強調するのではなく、物事を理解する能力について具体的に言及しています。運営者として、デザイナーがプロジェクトの目的とオブジェクトの属性を十分に理解できず、常に盲目的にページにタグを付けていることによく気づきます。Web ページは基本的なテキストと画像で構成されており、Web ページも最も重要な情報フロー構造で構成されています。すべてのページが情報フローに準拠する必要はありませんが、優れた人気のある Web ページとして、Web ページの情報フローは Web ページ、さらには Web サイトの存続の基礎となります。

フロントエンドプロジェクトは常に需要点から実用的なプレゼンテーション層へと変換されます。プレゼンテーション層のすべての内容は、需要の重要性と複雑さによって決まります。著者は、デザイナーがこれを強く理解してくれることを願っています。 Web ページは、やみくもに作成されたり、ランダムに考え出されたりするものではありません。Web ページは、特定の情報の表示と流れを担います。ユーザーと企業の双方にメリットのある状況が求められる一方で、検索エンジンからの認識も必要です。

簡単な例を挙げると、デザイナーは H タグの使用について独自の意見を持っているかどうかを自問する必要があります。 Hタグは、言うまでもなく、Webページコンテンツの重要性を記録するために使用されます。デザイナーは、プレーンを分割するときに、プレーン内のコンテンツの重要性を1234でマークできます。マークした後、Webページが分割される前の最も基本的なフレームワークが、Webページコンテンツの重要度に応じてH1からH6まで表示されます。これは、W3C標準に従ってページを検索およびインデックスするためでもあります。これを読んでいるデザイナーに尋ねたいのですが、これを行っていますか？

2. 知識の探求

SEOの基礎は、フロントエンドデザイナーが理解し習得しなければならない知識ポイントと言えます。良いページは、W3C標準を満たした上で、検索エンジンの認識を満たす必要があります。 Google ウェブマスターのウェブサイト最適化ガイドラインに従う場合でも、Baidu SEO ウェブマスター ガイドラインに従う場合でも、いずれも 1 つの点を強調しています。それは、ウェブサイトがどれだけ優れていても、検索可能にしたい場合は、そのゲームのルールに従わなければならないということです。

たとえば、Web ページのパンくずナビゲーションや、Web ページの説明のコンテンツ作成などです。パンくずナビゲーションは、現在、すべての Web サイトに必須です。フロントエンド デザイナーとして、なぜ必要なのかご存知ですか? パンくずナビゲーションは、実際にはディレクトリ パスを表現する方法です。その本質は、ユーザーの位置をガイドして示すことです。フロントエンド デザイナーの中には、パンくずナビゲーションをわかりにくいところまで減らす人もいれば、不明瞭にしたり、単に必要のないものにしたりする人もいます。このようにパンくずナビゲーションを扱うデザイナーは、パンくずナビゲーションをどのように理解していますか?

フロントエンドデザイナーがフロントエンドデザインを行う際には、Webページの説明コンテンツなど、SEOのための条件も作成する必要があります。Webサイトのデータレイヤー構造を把握しながら、これらのコンテンツをフロントエンドに公開して、Webページの説明コンテンツを作成します。これにより、ユーザーのコンテンツ検索のニーズを満たすだけでなく、さまざまなページのさまざまな説明のSEO最適化に有利な条件も作成されます。

ウェブサイト運営者やプロダクト マネージャーは万能ではありません。フロントエンド デザイナーは、プロダクト マネージャーやウェブサイト運営者が犯したミスの一部を解消できる場合があります。フロントエンド デザイナーの成功と失敗は、ロジックと SEO の知識によって決まります。良いデザイナーになりたくないデザイナーは良いデザイナーではなく、責任の取り方を知らないデザイナーは良いデザイナーではありません。著者はこの記事で、デザイナーに「心の状態、心の平穏、理解、楽観主義」を思い出させています。

この記事は http://www.kidsnet.cn からのもので、最初に A5 によって公開されました。転載する際には出典を明記し、出典の完全性を保ってください。ありがとうございます!

原題: Web フロントエンド デザイナー必読の 2 つの体験

キーワード: デザイナー、ウェブマスター、ウェブサイト、ウェブサイトのプロモーション、収益化