SEOの基本

title , description

hoge.html

<title>Qiita</title>
<meta name="description" content="Qiitaは、プログラマのための技術情報共有サービスです。 プログラミングに関するTips、ノウハウ、メモを簡単に記録 &amp;amp; 公開することができます。" />

何に使われるの？
ブラウザのタブに表示される(title)
Googleなどの検索結果一覧に表示される

参照：https://wacul-ai.com/blog/seo/internal-seo/title-tag/
SEOとしては、

titleタグはGoogleが検索順位を決定するためにサイトを評価する際に用いられます。
そのため、titleタグを最適化することで掲載順位をあげることができる可能性があります。
逆にtitleを設定しなかったり、不適切なtitleになっている場合には、SEO的に非常に大きな損をしているといえます。

ユーザからすると、
検索一覧からそのサイトの内容を判断する情報なので、
クリックしてもらうために重要な記述となります。

keywords　(結論：重要ではない）

hoge.html

<meta name="keywords" content="知識共有,投稿,技術,IT" />

参照：https://www.seohacks.net/basic/terms/metakeywords/

メタキーワードは、HTMLファイルのタグ内に記述するメタ情報の1つ
以前は、ページ情報がどのようなキーワードと関係しているのかをクローラーに対し伝える役割
ブラックハット的な使用などにより、現在は非サポートのメタタグでSEO的な効果はない

現在は、Googleのクローラーから無視される。
設定しても良いが最小限にする。

nofollow

hoge.html

<a href="https://qiita.com/documents/faq.html" rel="nofollow">FAQ</a>

参照：https://www.seohacks.net/basic/terms/nofollow/

「このリンクは無効化してください」と検索エンジンに対し伝えることができます。

どういったケースで使うのか。
信頼できないサイト（コンテンツ）へのリンク
リンク先が信頼出来ないサイトやリンク先にリンクジュースを受け渡したくないと思うサイトのリンクを仕方なく設定する場合
有料リンク
有料リンクとは、ページランクや検索順位を意図的に操作することを目的としたリンクを金銭で獲得することでございます。有料リンクはGoogleから禁止されており、SEO目的の相互リンクや低品質のディレクトリ登録等があげられます。もし、SEO目的ではなく宣伝・広告用に有料リンクを設定する際、もしくは既に設定している際はnofollowに指定することが推奨されます。
クロールの優先順位
検索エンジンは、IDやパスワードを用いて登録やログインをすることができません。その為、ログイン画面や注文フォームなどをnofollow指定しておくことで、クローラーはリンクを辿りません。その代わりに、インデックス登録したいと思っているページや重要な下層ページに対して優先的にクロールしてもらいやすくすることができます。

noindex

hoge.html

<meta name="robots" content="noindex,nofollow">

参照：https://www.seohacks.net/basic/terms/noindex/

noindexとは、特定のURLを検索エンジンにインデックスさせないようにするための構文です。
noindexの記述されているURLは、原則としてどのようなキーワードで検索しても検索結果に表示されることがなくなります。

どういったケースで使うのか
ページ自体は必要
検索結果には表示させたくない
robot.txtやベーシック認証で制御するまでのものではない
例えば？
　検索画面で、詳細な検索条件を指定しているリンクにはnoindexをつけたりします。
これは、主要な検索ページと情報が重複しているとクローラーに認識させないためです。

canonical　と　alternate　

PCとスマホで URLが異なる場合、適切に設定する必要がある。
参照：https://marketingnative.jp/how-to-implement-alternate-tag/

スマホ版でアクセスしたときに、正式なURLは、https://www.hogehoge.com/だよ、と伝える。

(スマホ版に記述する)hoge.html

<link rel="canonical" href="https://www.hogehoge.com/" />

PC版URLでアクセスしたときに、ちゃんとこちらにスマホ版を用意しているよ、と伝える。

(PC版に記述する)hoge.html

<link rel="alternate" media="only screen and (max-width: 640px)" href="https://s.hogehoge.com/">

モバイルフレンドリーインデックス(MFI)の影響としては、
異なるURLでデスクトップ用とモバイル用のページを作成していて、
alternateタグとcanonicalタグが実装されていない場合、
サイト全体が「モバイル対応がされていない」と判断され、
検索順位に影響が出る可能性があるようです。

以上。