簡単ホームページ作成ツールならAMS - まずはお試し

全国対応!まずはご相談ください 電話番号0120-55-4682

【初心者向け】SPA(Single Page Application)とは?わかりやすく解説

2021/4/27

【初心者向け】SPA(Single Page Application)とは?わかりやすく解説

SPA(Single Page Application)というものが流行りつつあります。今このページをみていただくとわかりますが、記事部以外のヘッダー、フッター、サイドバナーは全く一緒ですよね。

本ブログの別記事に遷移する際、共通部分もわざわざ再度読み込んで描画しています。これだと通信容量も増えますし、描画に時間もかかるためもったいないですよね。

それをAJAXを使い、差分の記事データだけを非同期で持ってきてDOMで記事部分だけを書き換えたら、一瞬で画面が切り替わるというのがSPAの考え方です。ストレスなくスクロールし続けられるGoogleマップのような快適さがホームページにも適用されるイメージです。

SPAはSEOに弱い?

今まではクローラの性能によりSPAはSEOに弱いとされてきました。こちらに関してはクローラの性能向上により回避されました。

ではすべてJavascript化することでのデメリットは何でしょうか。SPAになっていればページ更新はものすごく早いのですが、反面、最初にデータをすべて持ってくる必要があるため、初期ロードが遅いということがあります。

これが解決されていくと、今後のホームページの主流になってくる可能性を秘めています。弊社としてもこの動向を見守りつつも、基礎研究をしているところです。

最後までお読みいただきありがとうございました。

この記事を書いたのは

株式会社AMS 取締役副社長 古倉 功一

2005年からSEOに本格的に取り組み、SEO歴は15年以上。現在はリスティング広告、SEOをメインにしたWebコンサルを提供中。好きな番組:ポケットモンスター。

  • 石川県産業創出支援機構(ISICO)「お店ばたけ」ホームページドクター
  • セミナー講師(Webマーケティング、SEO、PPC広告等)
  • ミラサポ専門家登録(派遣先からの総合評価平均 5点中4.9)
常時SSL+スマホサイト最適化の効果の出るホームページが39,800円!
【0120-55-4682】月~金曜9:00~18:00

月~金曜9:00~18:00

メールでのお問い合わせ
AMS簡単ホームページ作成ツール
あなたのサイトをPRしましょう!
AMSマニュアル
よくある質問と回答
AMSお問合わせ

月別アーカイブ