Vue.js(SPA)でhead要素のtitleとdescriptionはページ別に設定しよう【SEO対策】 - かとのぼのマイコード・マイライフ
Vue.js(SPA)でサイトを作るときは、head要素をページごとにちゃんと設定しないと、グーグルの検索画面になかなか載らないため、対策が必要です。 SPAでサイトを作るとhead要素がページごと変化しない問題 Vue.jsでhead要素titleとdescriptionの変更する方法 規模が小さいサイトなら、各ページmounted SPAでサイトを作るとhead要素がページごと変化しない問題 SPA（シングル・ページ・アプリケーション）は、その名前の通り、一つのHTMLのページで、まるで色々なページに切り替わっているように見せる技術です。ページの遷移も早く、作りやすいです。 しかし、実際はページが切り替わっていないため、別のページに移動しても、何も設定をしないとhead要素は変わらないままです。 これがとても問題で、ページごとにhead要素が変わるように対策をしないとグーグルの検索にな
Vue.jsのプリレンダリングで手軽なOGP対応 - Qiita
はじめに プリレンダリングは、Nuxt.js の Generate のようなもので、ビルド時にルートごとの HTML ファイルを生成する仕組みです。去年参加した v-meetup で、おいちゃんさんが「プリレンダリングでもわりと十分なんだよ～」とお話をされていたので、ずっとやろうと思ってました（遅い）。公式ガイドでも小規模な静的ページならプリレンダリングを推奨しているようです。 🐹 SSR vs プリレンダリング (事前描画) 最近チョコチョコ使うようになった Netlify にプリレンダリングの機能がありましたが、まだベータ版なのと、キャッシュされるタイミングは調整できないみたい？ 課金すれば外部サービスを利用できるらしく、Vue.js の SPA でどのぐらいシームレスに導入できるのかちょっと気になります。近いうちにホスティングサービスを乗り換えると思うので、また今度試してみようと思
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
