Kawakami-Portfolio

ポートフォリオサイトを内部SEOを意識したコーディングに修正しました

HTML読んだ瞬間に画像取得開始できるようにすることで、LCP（Largest Contentful Paint）表示速度の改善効果

• link rel=”preload” href=”/img/fv.webp” as=”image” /

検索エンジンに「このURLが正式版です」と伝えている。

もしurlが複数あった場合、検索が分散してしまうことを考えて、正式のurlをgoogleに伝えている

• link rel=”canonical” href=”https://example.com/”

構造化データ

これは検索エンジン向けに「このサイトはこういう組織です」と伝えてる

• “@context”: “https://schema.org”,
• “@type”: “Organization”,
• “name”: “kawakami-portfolio”,
• “url”: “https://kawa02-portfolio.com/”,
• “logo”: “https://kawa02-portfolio.com/wp-content/themes/original/img/thumbnail.webp”

画像データをwebpに基本変更

画質をなるべく維持したまま、画像容量を軽くできる。その結果表示速度を下げないようになることが期待できる

左遷ボタンの左遷先を明確にする

例えば、「詳しく見る」ではなく、「実績を見る」のようにどこに移動するかを明確に変更