メタタグと正規タグ


そのため、メタワークを行う必要があります.ホームページ here 用に構築した Hugo テーマについて触れましたが、これはライブに移行するための非常に基本的なことしか説明していません.詳細を追加します.

既にいくつかのメタ タグを頭に追加しましたが、表示されているページに応じてメタ ディスクリプションを動的に生成したいと考えています.

また、各ページに canonical タグを追加したいと思います.ここでも同じ取引です.サイトのすべてのページに対して一意に生成する必要があります.

私は Monica Lent の SEO に関する入門書をチェックしており、毎週の動画で彼女が経験している基本的な提案のいくつかを実装しています.

最初の提案には、ブラウザ拡張機能を追加して、いくつかのことを一目で確認することが含まれます.ここでは開発者コンソールを開くのが確実ですが、タイトル、説明、URL、カノニカルなどのいくつかの基本事項のスナップショットをすばやく取得するための拡張機能の推奨については、非常に満足しています.

私は Detailed で行きました.

私が個人的な Web ポートフォリオを生成するために使用している Hugo では、現在、ページに関係なく、サイト全体のメタ ディスクリプションを静的に設定しています.

それはクールではない.

そのため、コードを少し追加してこれを変更し、各ページにカスタムの説明が含まれている場合はそれを含めることができるようにします.それ以外の場合は、フォールバックするメイン サイトの説明のみを使用できます.

Hugo の条件付きステートメントの書式設定は、なじみのない人にとっては少し不安定ですが、構文を理解すれば非常に簡単でした.

{{ if .Params.description}}{{.Params.description}}{{else}}{{.Site.Params.Description}}


個々のページの前付けに説明がある場合は、それがメタ説明に使用されます.そうでない場合は、config.toml にプラグインしたサイトの説明にフォールバックします.

また、各アーキタイプに説明フィールドを追加したので、作成するすべてのページの前付けにそれが表示されます.

これをメインページに追加しました.

URLの正規化については、単純に追加しました

<link rel="canonical" href="{{.Permalink}}">


すべてのページの head テンプレートに.

Hugo は、リンク、URL、正規化に関する興味深いコンテンツ管理情報をドキュメント here で提供していますが、各ページのヘッドにある単純なパーマリンクで十分であることがわかりました.

読んでくれてありがとう!この記事はもともと私のブログに投稿されたものです.チェックしていただければ幸いです: https://www.eamonncottrell.com/