A Squarespace Webサイトは、Webデザイナーの経験がなくても、最初から簡単かつ迅速に構築できます。 このプラットフォームは、直感的であるだけでなく、サイトをXNUMXか所で稼働させるために必要なすべてのツールを提供します。
約17年間、 Squarespace 何百万もの顧客がウェブサイトを構築するのを助けてきました。
このウェブサイトビルダーと コンテンツ管理システム（CMS） 膨大な知識ベースが付属しています。 チェックリスト機能により、毎回何をすべきかを簡単に知ることができます。
ただし、作成に費やす時間を短縮するために、この記事では要点を説明します。 この Squarespace チュートリアルはあなたが物事を正しくするのに役立ちます ゲット・ゴーから
使い方 Squarespace： 目次
使い方 Squarespace：構築する手順 Squarespace ウェブサイト
でウェブサイトを構築する Squarespace ツアーに参加するようなものです。 直感的です。 あなたは短いを見つけるでしょう Squarespace クリックするたびにガイドするチュートリアル。 したがって、アクションを簡単に実行できます。
次の簡単な手順に従って、Webサイトを構築します。
ステップ1。 見る
ウェブサイトの作成を開始するには、 squarespace.COM そして「始めましょう」ボタンをクリックしてください。 XNUMXつは画面の右上にあり、もうXNUMXつは左下にあります。
このアクションにより、すぐに[テンプレート]セクションに移動し、使用を開始できます Squarespace 今後14日間は無料.
試用期間中は、次のことが自由にできます。
- プラットフォームを探索する
- デザインをテストする
- コンテンツをアップロードし、
- あなたの進歩を共有する
ステップ2。 右を選ぶ Squarespace テンプレート
Squarespace インタラクティブなレイアウトを備えた魅力的なテンプレートを提供します。ビジネス ニーズに合ったテンプレートを選択するのはあなたの役割です。
最初に立ち寄ると、最も人気のあるデザインのオプションを目にすることができます。ただし、このプラットフォームでは閲覧が可能です Squarespace 次のカテゴリのWebサイトテンプレート：
- 人気のデザイン
- ポートフォリオ
- オンラインストア
- 写真撮影
- プロフェッショナルサービス
- ブログとポッドキャスト
- コミュニティと非営利団体
- ローカルビジネス
- ウェディング
- イベント
- ミュージシャンとバンド
- 不動産と不動産
- 個人およびCV
- レストラン、および
- 起動ページ
これらのカテゴリは左側にリストされています。
カテゴリのいずれかを選択すると、その分野のビジネスに一致する可能性のあるすべてのテンプレートが表示されます。 グループを選択すると、すぐに開始できます Squarespace 興味のあるテンプレート。 必要なものを決定するのが難しい場合は、いくつかのテンプレートをプレビューすることもできます。
プレビュー中、 Squarespace テンプレートがどのように見えるかを確認できます on desktop、タブレット、スマートフォン。
この時点で、いくつかの方法で続行できます。 プレビュー画面の[デモサイトを表示]または[開始]ボタンをクリックするか、プレビュー画面をスクロールするだけで、Webサイトの外観を確認できます。
テンプレートを使用する場合は、画面右上の[このデザインから始める]ボタンをクリックできます。
ステップ3：作成する Squarespace
この時点で、 Squarespace アカウントを作成するように求められます。 とはいえ、フォームに記入して送信することは、あなたが同意したことを意味します Squarespaceの利用規約とプライバシーポリシー。 したがって、先に進む前にそれらを読みたいと思うかもしれません。
ToSとプライバシーポリシーに問題がない場合は、先に進んでアカウントを作成してください。
「Continue with Google」ルートを選択すると、Googleアカウントと同期してすぐにログインします。 Google以外のアカウントでサインアップすることもできます。
Apple、Facebook、または Twitter アカウントをクリックし、[その他のオプション]をクリックして、ご希望のアカウントを選択します。 他のwise、あなたのメールアドレスを使用してください。
「メールで続行」を選択すると、登録フォームが表示されます。 メールアドレスでアカウントを作成したい場合は、そのフォームに記入してください。
ステップ＃4：サイトのタイトルを追加する
アカウントが正常に作成されると、ウェルカムページでサイトタイトルを追加するように求められます。
簡単に言えば、ページはあなたにあなたのウェブサイトに名前を付けることを求めています。 以下を使用することを選択できます。
- ご氏名
- ブログの名前
- あなたのブランド、または
- あなたのビジネスの名前
ステップ＃5：タイトルとロゴを編集する
[続行]をクリックすると、次のページはページの編集方法を説明するgifです。
「次へ」をクリックして、ウェブサイトの編集を開始します。
ウェブサイト名
に応じて、Webページのヘッダーまたは上部の隅にサイトのタイトルが表示されます。 Squarespace 使用するテンプレート。
必要に応じて、サイトのタイトルをロゴに置き換えることができます。
SEOの目的で、ブラウザーのタブと検索結果でサイトのタイトルを置き換えるが、サイトには表示されない別のタイトルを追加できます。
サイトのタイトルを追加せずに前のステップで[続行]をクリックしたかどうかは関係ありません。 ここに追加できます。 代わりに何か必要な場合は、選択したものを編集することもできます。
プレビュー画面の左上にある[編集]をクリックします。
ヘッダーにカーソルを合わせ、[サイトヘッダーの編集]をクリックします。
[サイトのタイトルとロゴ]を選択します。
テキストフィールドにサイトのタイトルを入力します。
[完了]の横のドロップダウンメニューをクリックして保存します。
ロゴを追加
あなたはあなたのロゴで個人的なタッチを加えたいと思うかもしれません。 その場合、サイトのタイトルが置き換えられ、ホームページに直接クリックされます。 とはいえ、 Squarespace 検索エンジンによるインデックス作成を容易にするために、サイトのタイトルフィールドにテキストを残しておくことをお勧めします.
ロゴを追加するには、上記の「サイトタイトル」に使用したプロセスに従います。 「サイトのタイトルとロゴ」をクリックすると、「ロゴ画像」エリアに移動します。
ロゴをアップローダーにドラッグするか、アップローダー領域をクリックしてコンピューターに保存されているファイルを選択することにより、ロゴをアップロードします。
ロゴクレジット： 英国図書館
ロゴに満足したら、画面の左上隅にある[完了]の横のドロップダウンをクリックして、[保存]をクリックします。
新しいロゴを作成する
Squarespace プラットフォーム上に無料のロゴを作成できます、しかしそれを楽しむためには有料プランを利用する必要があります。
「サイトタイトル」と「ロゴ」を追加するプロセスに従いますが、「サイトタイトルとロゴ」が表示されたら、「新しいロゴを作成」をクリックします。
サイトのタイトルとロゴを同時に表示することはできません。 したがって、ロゴとブランド名の両方を表示したい場合は、ロゴの画像にサイトのタイトルテキストを含める必要があります。
ステップ＃6：ページの編集、追加、削除
Squarespace 各テンプレートにデモコンテンツをプリロードして、テンプレートの独自の機能と強度を示します。 デモコンテンツは、Webサイトをより速く構築するように促すためにあります。 したがって、最終的な公開サイトには使用できません。
しかしながら、 Squarespace すべてのデモコンテンツを元のコンテンツに置き換えるために使用できるツールを提供します。 プラットフォームでは、プレビューページの右側にチェックリストを提供することで、プロセスを簡単に実行できます。 これは、WordPressや Wix 提供しないでください。
上の画像では、「トライアルの開始」と「サイトのタイトルまたはロゴを含める」のチェックボックスがチェックされていることに気づくでしょう。 したがって、チェックリストを使用して、タスクが完了したことを示します。
ページを編集
デモページの構造が気に入った場合は、そのページをクリックして自分のページにすることができます。
この記事で使用されているテンプレートのメインページの名前は次のとおりです。
- You
- ブログ
- について、そして
- お問い合わせ
ただし、好みの名前を付けるようにカスタマイズできます。
まず、「ページ」に移動します。
上記のメインページがメインナビゲーションの下に表示されます。
上の画像の「一般1」、「はじめに」、「ホーム」もページです。 ナビゲーションには表示されませんが、パスワードを設定したり無効にしたりしない限り、検索エンジンはそれらを検出します。
したがって、ページを編集するには、変更するページにカーソルを合わせます。 ビンのアイコン、設定のアイコン、場合によっては矢印が表示されます。
「設定」アイコンをクリックします。
レイアウトが適切だと感じたら、一般、SEO、ソーシャルイメージ、または高度な目的でページを編集できます。
ページを追加
必要なだけページを追加し、不要になったページを削除できます。 そして、これらのページのいずれかが必要だとわかった場合でも、結局のところ、30日以内にページを復元できます。
それはとても柔軟です。
ページの追加を開始するには、[ページ]に移動し、[メインナビゲーション]の横にある+アイコンをクリックします。
Squarespace ページを単一ページに分類します、コレクションなど。 これらのページには、まとめて次のものが含まれています。
- 空白のページ
- ページレイアウト
- ブログ
- オンラインショップ
- ポートフォリオ
- イベント
- フォルダ、および
- リンク
たとえば、「空白のページ」をクリックすると、「メイン ナビゲーション」に「新しいページ」が追加され、上部のナビゲーション メニューに表示されます。
また、プレビュー ページが空であることもわかります。ページの中央にある青い + アイコンをクリックすると、コンテンツを作成できます。
ページの削除と復元
なんらかの理由でページが必要ないと判断した場合は、ページを削除できます。
「ページ」に移動します。 削除するページにカーソルを合わせ、ビンのアイコンをクリックします。
次に確認します。
削除したページに戻るには、[ページ]に移動し、パネルの下部までスクロールします。
ビンのアイコンをクリックします。
次に、復元するページにカーソルを合わせ、[復元]をクリックします。
次に確認のため、[復元]をクリックします。
ステップ＃7：フォントと色を変更する
速度を上げるために、デモページを編集して、ウェブサイトをさらにカスタマイズできます。 自分に合った色とフォントスタイルを選択するだけです。
「デザイン」パネルに変更を加えると、サイト全体に影響します。 とはいえ、に変更することができますdiviそれらを編集することによって二重ページ。
フォント
ページ全体のフォントスタイルを変更するには、ホームパネルの[デザイン]をクリックします。
次に「フォント」を選択します。
XNUMXつのメインフォントグループから選択できるようになりました。
ここでいずれかのフォントを選択すると、サイト内のすべてのテキストにそのフォントスタイルが適用されます。 ただし、この時点でプレビューページをタップすると、より高度なオプションが表示されます。
ただし、これにより、「ヘッダー」と「ニュースレターブロック」のみを編集できます。 Squarespace ほとんどのフォントをローカルに設定するため、プレビューページで[編集]をクリックすることによってのみフォントを変更できます。
編集するテキストをクリックすると、テキストボックスの上に編集パネルが表示されます。 次のことが可能になります。
- サイズを変更
- 線形を選択
- より大胆に
- 斜体を使用
- リンクの挿入など
色
フォントと同様に、デザインパネルで行った色の変更はサイト全体に影響します。 とはいえ、XNUMXつのアルファベットや数字など、ウェブサイトのほぼすべての色を変更できます。
Webサイトのデフォルトの色を変更する場合は、ホームパネルの[デザイン]に移動します。 「色」をクリックします
[編集]をクリックして色を選択できます。 パレットの横またはパレットの一部。
次に、ドロップダウンから色合いを選択して、色をカスタマイズできます。
ただし、テキストの色を変更したい場合は、コードを使用する必要があります。
ステップ＃8：画像を追加する
Squarespace とうまく統合 Unsplash & ゲッティイメージズ、無数のストック写真にアクセスできます。 したがって、テンプレートの画像を変更して、Webサイトをさらにオリジナルにすることができます。
あなたが Squarespace バージョン7.1では、画像のアップロードは公園を散歩することができます。
プレビューページで[編集]をクリックします。 次に、編集する画像までスクロールし、カーソルを領域に合わせます。 アイコンをクリックして、そのセクションを編集します。
次に、ポップアップから「背景」を選択します。
これにより、現在スペースにあるイメージまたはビデオを置き換え、削除、または編集できます。
「置換」を選択すると、現在の画像をコンピューターの画像に置き換えることができます。
[完了]の横のドロップダウンをクリックし、[保存]をクリックして画像を適用します。
「削除」ルートに移動すると、まずスペースにある画像が削除されます。 その後、画像を画像アップローダーにドラッグアンドドロップできます。
ただし、画像を編集したい場合は、
- 輝度
- 鋭さ
- コントラストなど。
保存する前に、画像に問題がないことを確認してください。変更は永続的なものになります。
Squarespace 有料プランにアップグレードする前に、XNUMX週間の試用期間内に編集を完了することをお勧めします。 ただし、テンプレートとページのレイアウトは異なる場合があることに注意してください。
ステップ＃9：ドメインの接続と更新
Squarespace 自動生成されたを提供します。squarespaceサインアップ時の.comドメイン名。 したがって、アカウントをパーソナライズするには、新しいドメイン名を取得するか、既存のドメイン名を使用する必要がある場合があります。
アカウントをパーソナライズする利点は次のとおりです。
- プロフェッショナルな外観
- ブランド力の向上、および
- 訪問者が新しいWebサイトにアクセスしやすくなりました。
そう、 Squarespace ドメインの管理、接続、移管を支援します。
あなたをパーソナライズするには Squarespace ドメインの場合は、ホームページに移動して[設定]をクリックします。
「ドメイン」を選択します。
ここで、既にドメインを所有している場合は、[自分が既に所有しているドメインを使用する]をクリックします。
次に、適切な場所にドメイン名を入力します。 完了したら、[続行]をクリックします。
これにより、XNUMXつのオプションから選択できます。 XNUMXつのオプションでは、ドメインをに移管する必要があります Squarespace、もう一方はプロバイダーから接続するように求めます。
に転送 Squarespace
最初のオプションでは Squarespace サイト内のドメインを管理します。 そうすれば、あなたはあなたからあなたの請求と設定を扱うことができます Squarespace アカウント。 まだトライアルを使用しているのか、すでに有料プランを使用しているのかは関係ありません。
さらに、まだサイトをお持ちでない場合は、 Squarespace ドメインを取得するまで、ドメインをパーキングページにリンクします。
[転送先]を選択した場合 Squarespace、次に来るガイドラインと指示に従ってください。
[続行]をクリックした場合は、転送承認コードを入力する準備をしてください。
[続行]をクリックして、残りの指示に従います。
プロバイダーから接続
このオプションを使用すると、ドメインをサードパーティに保持しながら、 Squarespace。 これは、ドメインマッピングと呼ばれるプロセスに従います。 レジストラのアカウントにいくつかの変更を加える必要があります。
最終的には、購入元のサードパーティに登録されたままになりますが、接続は維持されます。 Squarespace アカウント。 まず、接続を開始するために必要なものを見つけます。
ドメインを接続するには、前の手順に従ってドメインを取得し、移行先のオプションに到達します Squarespace またはプロバイダーから接続します。
ただし、今回は「プロバイダーから接続」をクリックします。 次に、ドロップダウンメニューからプロバイダーを選択し、[ドメインに接続]をクリックします。
「OK」をクリックして、ポップアップするメッセージを受け入れます。
ドメインを購入する
接続または移管するドメインがまだない場合は、パーソナライズされた感覚を得るためにドメインを購入する必要があります。
「設定」から「ドメイン」に進みますが、今回は「ドメインの取得」をクリックします。
サイトのタイトルに使用した名前を組み込んだドメイン名の候補が表示されます。 取得された名前とそれらの利用可能な価格も表示されます。
購入したい名前の上にカーソルを置くと、価格があった場所に「追加」が表示されます。
[追加]をクリックすると、カートに追加されます。
「チェックアウトに進む」をクリックして自分のものにしてください。
組み込みドメイン名を変更する
既存のドメインがなく、購入する準備ができていない場合は、組み込みドメインを変更して短縮できます。
他のXNUMXつと同じプロセスに従いますが、今回は「組み込みドメイン」の下のボックスをクリックします。
このセクションでは、前に表示される文字列の名前を変更するように求められます。squarespace.com。 そこにあるものを置き換えて、「名前の変更」をクリックします。
表示されるポップアップで[確認]をクリックします。
組み込みドメインが変更されると、URLも変更されます。
しかしながら、 Squarespace XNUMX年間のXNUMX回限りの無料カスタムドメインを提供します。 ただし、年間請求プランを利用している必要があり、ドメインには適格なTLDが必要です。 アカウントを登録または譲渡してからXNUMX年がカウントされます。
ステップ＃10：検索用に最適化する
潜在的なユーザーにあなたを見つけてもらう最も簡単な方法は、検索エンジン用にWebサイトを最適化することです。 検索エンジンには、見出し、ページタイトル、およびサイトタイトルが表示されます。
ウェブサイトを最適化するには、ホームパネルの[マーケティング]にアクセスしてください。
次に[SEO]をクリックします。
ウェブサイトを最適化する際に行うべきことをすべて覚えておくのに役立つ SEO チェックリストへのリンクがあります。 「Google 検索キーワード」を使用すると、Google Search Console でサイトを検証できます。
したがって、ウェブサイトへのトラフィックを増やし、サイトのパフォーマンスを向上させるのに役立つキーワードにアクセスできるようになります。
検索の外観を選択できます。 format あなたのSEOのタイトル、さらには雇う Squarespace 必要に応じて専門家。
Squarespace 動作する組み込みのSEOツールを提供します。 サイトを立ち上げる前に、 SquarespaceのSEOチェックリストは、何も忘れないようにするためのものです。
覚えておく価値のある重要な事項には、次のものがあります。
- ウェブサイト名
- サイトの説明
- カスタムドメインを接続する
- ソーシャルメディアアカウントに接続する
- AMPを有効にする
- ブラウザアイコンを追加する
- カスタム404ページを作成する
- Google Search Consoleでサイトを確認する
- キーワードを戦略的に使用する
- サイトのコンテンツへのリンク
- Google Analyticsなどの分析ツールを使用する
検索エンジンが変更をインデックス化するため、ランキングが変動する場合があります。 それでも、XNUMX〜XNUMX週間でランキングが改善しない場合は、分析を使用して、落ち込みを説明する傾向を確認します。
別の検索用語を使用してキーワードを更新する必要がある場合があります。 あなたの訪問者は人間なので、あなたを見つけるために人々が使用する可能性が高いものと一致する単語やフレーズを含めます。
SEO 指標を更新した後、Google Search Console を使用して、Google にウェブサイトのインデックスをリクエストできます。ただし、サイトまたはページでは必ずパスワードを無効にしてください。
Google Search Console に接続すると、訪問者があなたを見つけるために使用したキーワードのレポートを取得できるようになります。
パスワードの追跡を開始するには、ホームパネルの[分析]に移動します。
[検索キーワード]をクリックします。
「接続」をクリックします。
次に、サイトに接続されているGoogleアカウントにログインします。 検索するデータを取得するには、[許可]をクリックする必要があります。 データは約72時間で読み込まれます。
まだ試用期間中の場合、Google Search Consoleで確認を完了することはできません。 この時点で、あなたのウェブサイトは検索エンジンから隠されています。 したがって、続行する前に、まずサイトを起動する必要があります。
ステップ＃11：サイトを起動する
Web サイトを公開する前に、チェックリストを確認し、実行した項目にチェックを入れてください。完璧に仕上げたい領域を確認するのに役立ちます。
しかし Squarespace すべてのサイトに404ページを提供します、あなたがするならあなたはあなたをカスタマイズすることができます wish.
ステップ＃12：マーケティングを組み込む
Squarespace より多くのトラフィックを促進するのに役立つマーケティングツールが含まれています。 メールキャンペーンを管理し、パフォーマンスを追跡できます。 Mailchimpを統合することもできます。
また、次のようなソーシャルメディアやその他のプラットフォームでサイトを宣伝することもできます。
- タンブラー
あなたがしている場合は、プロモーションポップアップを使用することができます ビジネスまたはコマースプラン。 さらに、さまざまなレイアウトが用意されており、ニーズに合わせて変更できます。
広告のURLの作成に役立つURLビルダーを取得します。 それはあなたの有料広告のパフォーマンスとあなたのトラフィックのソースを示しています。
Squarespace あなたのウェブサイトであなたの注文、在庫、顧客、そして割引を管理することができます。 販売ツールや通知にもアクセスできます。
それらのほとんどを使用するには有料プランに加入している必要がありますが、試用期間を使用してそれらがどのように機能するかを学ぶことができます。
プラットフォームは、スケジューリングを支援します。 クライアントは自分で予約でき、タイムゾーンに合わせて自動的に調整されるため、競合が少なくなります。 それは摂取フォーム、オンライン支払い、および統合を自動化します。
加えて、自動リマインダーはあなたがノーショーを減らすのを助けます。
Squarespace 価格（英語）
試用期間が終了したとき、または有料にアップグレードしたいとき Squarespace 料金プラン、プラットフォームのXNUMXつの主要な価格プランのいずれかから選択できます。 これらは：
- 個人
- ビジネス
- コマースベーシック
- コマースアドバンス
Squarespceパーソナルプラン
At 月額$ 16、または毎年支払う場合は$ 12、これは Squarespace 料金プラン 提供しています：
- 無料のカスタムドメイン
- 無制限の帯域幅とストレージ
- 検索エンジン最適化機能
- SSLセキュリティ
- ポートフォリオからブログまであらゆるニーズに対応するテンプレート
- XNUMX人の貢献者
- XNUMX時間カスタマーサポート
- 基本的なサイト分析
- モバイル向けに最適化されたサイト
- Squarespace エクステンション
したがって、毎年支払う場合は25％節約できます。
Squarespace 事業計画
事業計画 行く 月額$ 26 あなたが毎月支払うとき。 しかし、あなたが毎年それを支払うとき、あなたは18ドルを使います、それはあなたに30パーセントの割引を与えます。 したがって、ビジネスプランは、パーソナルプランなどのすべての機能を提供します。
したがって、個人計画に加えて、ビジネス計画は次のとおりです。
- プロフェッショナルなGoogleメール
- 完全に統合された電子商取引
- 100ドルの条件付きGoogle Adwordsクレジット
- 統合とコンテンツブロック
- CSSおよびJavaScriptの完全なカスタマイズ
- XNUMX％の取引手数料
- 無制限の製品を販売する
- 寄付を受け入れる
- 無制限の寄稿者
- 高度なウェブサイト分析
- プロモーションポップアップとバナー
- ギフトカード
Squarespace コマース基本プラン
コマースベーシック ビジネスプランのすべての機能などを提供します。 で $ 30月 （毎年支払う場合は26ドル）、
このプランは以下を提供します：
- 取引手数料なし
- ポイントオブセール
- お客様のアカウント
- ドメインでのチェックアウト
- 強力なeコマース分析
- 強力な商品化ツール
- Instagramの製品
Squarespace コマースアドバンスプラン
コマースアドバンス 行く 月額$ 46 （毎年支払われる場合は40ドル）。 Commerce Basicプランに加えて、このプランは以下を提供します。
- サブスクリプションを販売する
- 事前発送
- 事前割引
- コマースAPI
- 限定入手ラベル
Squarespace 選択
Squarespace Selectは、エンタープライズ、スモールビジネス、およびdiviカスタマイズされたハンズオンサポートを必要とするデュアルユーザー。 このプランは、カスタマイズされたエクスペリエンスを提供します。 だから、で $500、それは高度な機能と国連を提供しますdivi中小企業の所有者が繁栄するのを助けるための献身的なサポート。
詳細については、 Squarespace レビュー & Squarespace 価格設定 ガイド。
使い方 Squarespace： 要約
Squarespace ウェブサイトを最初から最後まで理解しやすくなります。
そのため、使用を開始する前に、サイトにアクセスして構築することもできます。言い換えると、 Squarespace あなたはプロのようにあなたのサブスクリプション時間を楽しむことができます。
コメント 0応答