マルチページ
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の遅延を追加することができます。