マルチページ
Last updated on 12/1/2024@mrbirddev
いつマルチページのウェブサイトを作成するべきか?
簡単な個人ウェブサイトやポートフォリオの場合、複数のセクションを持つシングルページのウェブサイトで十分なことがあります。
もし、about、contact、worksのようなものだけが必要であれば、ページでハッシュセクションオプションを使用してマルチページのウェブサイトをシミュレートする方が便利です。すべてのコンテンツが同じエディタ内にあるため、作成とメンテナンスが簡単になります。基本的にはPowerPointを使うのと同じくらい簡単です。
しかし、以下の要素を考慮すると、本当のマルチページのウェブサイトが必要になります。
SEO
検索エンジンから本格的なトラフィックを得たい場合、通常は本当のマルチページのウェブサイトが必要です。なぜなら、検索エンジンはハッシュを使ったマルチページのシミュレーションを理解しないからです。
一般的なSEOの詳細としては、例えば、
- 内部リンク。検索エンジンは合理的な構造を持つウェブサイトを高く評価します。
- キーワードの頻度。元々複数のページに属するコンテンツを同じページに置くと、キーワードの頻度が乱れ、検索エンジンがこのページの目的を明確に理解できなくなります。
- ウェブサイトの読み込みが遅すぎると、SEOスコアに悪影響を与えます。
組織化と速度
- 大量のコンテンツを整理する必要がある場合。同じページに置くのは管理が難しく、エディタの遅延を引き起こします。
- ページ速度を非常に重視し、ページにできるだけ少ないコンテンツを読み込ませたい場合。
マルチページのウェブサイトを作成する方法
slidde.co/dash/sitesにアクセスし、詳細ボタン(3つのドット)をクリックし、yourwebsite.com に新しいページを追加をクリックします。
マルチセクションのウェブページを作成する方法
ページ要素を選択し、右サイドバーのハッシュセクションオプションをクリックします。指示に従って詳細を入力してください。
いくつかのユースケース、
- フォーム送信のために
#success
セクションを定義します。垂直フォーム 要素で フォームアクション を設定する必要があります。詳細は こちら。 - シンプルな個人ウェブサイトのために
#about
#contact
#works
を定義します。参考とインスピレーションのために 無料のセクションテンプレート を訪問できます。
トランジションアニメーション フェード の場合、古いスライドには300msのフェードアウト、新しいスライドには300msのフェードインがあります。デフォルトのスライドフェードインによってアニメーションが混雑しないように、入場アニメーションに300msの遅延を追加できます。