Squarespaceの使用方法(2020年XNUMX月)– Squarespace Webサイトの作成方法に関する完全なチュートリアル

Squarespace Webサイトは、Webデザイナーの経験がなくても、最初から簡単にすばやく作成できます。 プラットフォームは直感的であるだけでなく、サイトをXNUMXか所で稼働させるために必要なすべてのツールを備えています。

Squarespaceは約17年間、何百万もの顧客がWebサイトを構築するのを支援してきました。

このウェブサイトビルダーと コンテンツ管理システム(CMS) 膨大な知識ベースが付属しています。 チェックリスト機能により、毎回何をすべきかを簡単に知ることができます。

ただし、作成に費やす時間を短縮するために、この記事では要点を説明します。 この Squarespaceチュートリアルは、物事を正しく行うのに役立ちます ゲット・ゴーから

Squarespaceチュートリアル:目次

Squarespaceの使用方法:Squarespace Webサイトを構築する手順

でウェブサイトを構築する Squarespace ツアーをするようなものです。 直感的です。 クリックするたびにガイドするSquarespaceの短いチュートリアルがあります。 したがって、アクションを簡単に実行できます。

次の簡単な手順に従って、Webサイトを構築します。

ステップ1。 見る

ウェブサイトの作成を開始するには、 squarespace.com そして「始めましょう」ボタンをクリックしてください。 XNUMXつは画面の右上にあり、もうXNUMXつは左下にあります。

squarespaceの使用方法-ホームページ

このアクションにより、すぐに[テンプレート]セクションに移動し、 Squarespaceを14日以内に無料で使い始める.

試用期間中は、次のことが自由にできます。

  • プラットフォームを探索する
  • デザインをテストする
  • コンテンツをアップロードし、
  • あなたの進歩を共有する

ステップ2。 適切なテンプレートを選ぶ

Squarespace インタラクティブなレイアウトで魅力的なテンプレートを提供します。 あなたの部分はあなたのビジネスニーズに一致するテンプレートを選択することです。 あなたの最初のストップはあなたに彼らの最も人気のあるデザインオプションとの対面をもたらします。 ただし、プラットフォームでは、Squarespace Webサイトテンプレートを次のカテゴリで参照できます。

  • 人気のデザイン
  • ポートフォリオ
  • オンラインストア
  • 写真撮影
  • プロフェッショナルサービス
  • ブログとポッドキャスト
  • コミュニティと非営利団体
  • ローカルビジネス
  • ウェディング
  • イベント (英語のみ)
  • ミュージシャンとバンド
  • 不動産と不動産
  • 個人およびCV
  • レストラン、および
  • 起動ページ

これらのカテゴリは左側にリストされています。

Squarespace Webサイトを開始する

カテゴリを選択すると、その分野のビジネスに一致する可能性のあるすべてのテンプレートが表示されます。 グループを選択すると、興味のあるSquarespaceテンプレートからすぐに開始できます。 目的を決めるのが難しい場合は、いくつかのテンプレートをプレビューすることもできます。

プレビュー中、 Squarespace デスクトップ、タブレット、スマートフォンでのテンプレートの外観を確認できます。

squarespaceテンプレート

この時点で、いくつかの方法で続行できます。 プレビュー画面の[デモサイトを表示]または[開始]ボタンをクリックするか、プレビュー画面をスクロールするだけで、Webサイトの外観を確認できます。

テンプレートを使用する場合は、画面右上の[このデザインから始める]ボタンをクリックできます。

ステップ#3:Squarespaceアカウントを作成する

この時点で、Squarespaceはアカウントの作成を要求します。 ただし、フォームの入力と送信を続行すると、Squarespaceの利用規約とプライバシーポリシーに同意したことになります。 そのため、先に進む前にそれらを読んでおくとよいでしょう。

ToSとプライバシーポリシーに問題がない場合は、先に進んでアカウントを作成してください。

++

「Continue with Google」ルートを選択すると、Googleアカウントと同期してすぐにログインします。 Google以外のアカウントでサインアップすることもできます。

Apple、Facebook、または Twitter アカウントをクリックし、[その他のオプション]をクリックして、使用するアカウントを選択します。 それ以外の場合は、メールアドレスを使用してください。

「メールで続行」を選択すると、登録フォームが表示されます。 メールアドレスでアカウントを作成したい場合は、そのフォームに記入してください。

ステップ#4:サイトのタイトルを追加する

アカウントが正常に作成されると、ウェルカムページでサイトタイトルを追加するように求められます。

簡単に言えば、ページはあなたにあなたのウェブサイトに名前を付けることを求めています。 以下を使用することを選択できます。

  • あなたの名前
  • ブログの名前
  • あなたのブランド、または
  • あなたのビジネスの名前

ステップ#5:タイトルとロゴを編集する

[続行]をクリックすると、次のページはページの編集方法を説明するgifです。

「次へ」をクリックして、ウェブサイトの編集を開始します。

ウェブサイト名

使用するSquarespaceテンプレートに応じて、Webページのヘッダーまたは上隅にサイトのタイトルが表示されます。

必要に応じて、サイトのタイトルをロゴに置き換えることができます。

SEOの目的で、ブラウザーのタブと検索結果でサイトのタイトルを置き換えるが、サイトには表示されない別のタイトルを追加できます。

サイトのタイトルを追加せずに前のステップで[続行]をクリックしたかどうかは関係ありません。 ここに追加できます。 代わりに何か必要な場合は、選択したものを編集することもできます。

プレビュー画面の左上にある[編集]をクリックします。

ヘッダーにカーソルを合わせ、[サイトヘッダーの編集]をクリックします。

[サイトのタイトルとロゴ]を選択します。

テキストフィールドにサイトのタイトルを入力します。

[完了]の横のドロップダウンメニューをクリックして保存します。

ロゴを追加

ロゴに個人的なタッチを追加したい場合があります。 その場合は、サイトのタイトルが置き換えられ、クリックがホームページにダイレクトされます。 それにもかかわらず、Squarespaceでは、検索エンジンによるインデックス作成を容易にするために、サイトのタイトルフィールドにテキストを入力することをお勧めします。

ロゴを追加するには、上記の「サイトタイトル」に使用したプロセスに従います。 「サイトのタイトルとロゴ」をクリックすると、「ロゴ画像」エリアに移動します。

ロゴをアップローダーにドラッグするか、アップローダー領域をクリックしてコンピューターに保存されているファイルを選択することにより、ロゴをアップロードします。

ロゴクレジット: 英国図書館

ロゴに満足したら、画面の左上隅にある[完了]の横のドロップダウンをクリックして、[保存]をクリックします。

新しいロゴを作成する

Squarespaceを使用すると、プラットフォームで無料のロゴを作成できますが、それを楽しむには有料プランを利用する必要があります。

「サイトタイトル」と「ロゴ」を追加するプロセスに従いますが、「サイトタイトルとロゴ」が表示されたら、「新しいロゴを作成」をクリックします。

サイトのタイトルとロゴを同時に表示することはできません。 したがって、ロゴとブランド名の両方を表示したい場合は、ロゴの画像にサイトのタイトルテキストを含める必要があります。

ステップ#6:ページの編集、追加、削除

Squarespaceは、各テンプレートにデモコンテンツをプリロードして、テンプレートの独自の機能と強さを示します。 デモコンテンツは、より速くWebサイトを構築するように促すために用意されています。 そのため、最終的な公開サイトには使用できません。

ただし、Squarespaceには、すべてのデモコンテンツを元のコンテンツに置き換えるために使用できるツールが用意されています。 このプラットフォームでは、プレビューページの右側にチェックリストが表示されるので、プロセスを簡単に実行できます。 これは、WordPressやWixなどの他のプラットフォームが提供していない真にユニークな機能です。

上の画像では、「トライアルの開始」と「サイトのタイトルまたはロゴを含める」のチェックボックスがチェックされていることに気づくでしょう。 したがって、チェックリストを使用して、タスクが完了したことを示します。

ページを編集

デモページの構造が気に入った場合は、そのページをクリックして自分のページにすることができます。

この記事で使用されているテンプレートのメインページの名前は次のとおりです。

  • 君は
  • ブログ
  • について、そして
  • お問い合わせ

ただし、好みの名前を付けるようにカスタマイズできます。

まず、「ページ」に移動します。

上記のメインページがメインナビゲーションの下に表示されます。

上の画像の「一般1」、「はじめに」、「ホーム」もページです。 ナビゲーションには表示されませんが、パスワードを設定したり無効にしたりしない限り、検索エンジンはそれらを検出します。

したがって、ページを編集するには、変更するページにカーソルを合わせます。 ビンのアイコン、設定のアイコン、場合によっては矢印が表示されます。

「設定」アイコンをクリックします。

レイアウトが適切だと感じたら、一般、SEO、ソーシャルイメージ、または高度な目的でページを編集できます。

ページを追加

必要なだけページを追加し、不要になったページを削除できます。 そして、これらのページのいずれかが必要だとわかった場合でも、結局のところ、30日以内にページを復元できます。

それはとても柔軟です。

ページの追加を開始するには、[ページ]に移動し、[メインナビゲーション]の横にある+アイコンをクリックします。

Squarespaceは、ページを単一のページ、コレクションなどに分類します。 これらのページには、以下がまとめて含まれています。

  • 空白のページ
  • ページレイアウト
  • ブログ
  • オンラインショップ
  • 作品事例
  • イベント (英語のみ)
  • フォルダ、および
  • リンク

たとえば、「空白のページ」をクリックすると、「メインナビゲーション」に「新しいページ」が追加され、上部のナビゲーションメニューに表示されます。 また、プレビューページが空で、ページの中央にある青い+アイコンをクリックしてコンテンツを作成できます。

ページの削除と復元

なんらかの理由でページが必要ないと判断した場合は、ページを削除できます。

「ページ」に移動します。 削除するページにカーソルを合わせ、ビンのアイコンをクリックします。

次に確認します。

削除したページに戻るには、[ページ]に移動し、パネルの下部までスクロールします。

ビンのアイコンをクリックします。

次に、復元するページにカーソルを合わせ、[復元]をクリックします。

次に確認のため、[復元]をクリックします。

ステップ#7:フォントと色を変更する

速度を上げるために、デモページを編集して、ウェブサイトをさらにカスタマイズできます。 自分に合った色とフォントスタイルを選択するだけです。

「デザイン」パネルで変更を加えると、サイト全体に影響します。 ただし、編集することで個々のページに変更できます。

フォント

ページ全体のフォントスタイルを変更するには、ホームパネルの[デザイン]をクリックします。

次に「フォント」を選択します。

XNUMXつのメインフォントグループから選択できるようになりました。

ここでいずれかのフォントを選択すると、サイト内のすべてのテキストにそのフォントスタイルが適用されます。 ただし、この時点でプレビューページをタップすると、より高度なオプションが表示されます。

ただし、これにより、「ヘッダー」と「ニュースレターブロック」のみを編集できます。 Squarespaceはほとんどのフォントをローカルに設定するため、プレビューページの[編集]をクリックしてのみフォントを変更できます。

編集するテキストをクリックすると、テキストボックスの上に編集パネルが表示されます。 次のことが可能になります。

  • サイズを変更
  • 線形を選択
  • より大胆に
  • 斜体を使用
  • リンクの挿入など

フォントと同様に、デザインパネルで行った色の変更はサイト全体に影響します。 とはいえ、XNUMXつのアルファベットや数字など、ウェブサイトのほぼすべての色を変更できます。

Webサイトのデフォルトの色を変更する場合は、ホームパネルの[デザイン]に移動します。 「色」をクリックします

[編集]をクリックして色を選択できます。 パレットの横またはパレットの一部。

次に、ドロップダウンから色合いを選択して、色をカスタマイズできます。

ただし、テキストの色を変更したい場合は、コードを使用する必要があります。

ステップ#8:画像を追加する

Squarespace とうまく統合 Unsplashゲッティイメージズ、無数のストック写真にアクセスできます。 したがって、テンプレートの画像を変更して、Webサイトをさらにオリジナルにすることができます。

Squarespaceバージョン7.1を使用している場合、画像のアップロードは公園の散歩になる可能性があります。

プレビューページで[編集]をクリックします。 次に、編集する画像までスクロールし、カーソルを領域に合わせます。 アイコンをクリックして、そのセクションを編集します。

画像を追加する

次に、ポップアップから「背景」を選択します。

これにより、現在スペースにあるイメージまたはビデオを置き換え、削除、または編集できます。

「置換」を選択すると、現在の画像をコンピューターの画像に置き換えることができます。

[完了]の横のドロップダウンをクリックし、[保存]をクリックして画像を適用します。

「削除」ルートに移動すると、まずスペースにある画像が削除されます。 その後、画像を画像アップローダーにドラッグアンドドロップできます。

ただし、画像を編集したい場合は、

  • 輝度
  • 鋭さ
  • コントラストなど。

squarespace-画像を編集する

保存する前に、画像に問題がないことを確認してください。変更は永続的なものになります。

Squarespaceでは、有料プランにアップグレードする前に、XNUMX週間の試用期間内に編集を完了することをお勧めします。 ただし、テンプレートとページのレイアウトは異なる場合があることに注意してください。

ステップ#9:ドメインの接続と更新

Squarespaceは、サインアップ時に自動生成された.squarespace.comドメイン名を提供します。 したがって、アカウントをパーソナライズするには、新しいドメイン名を取得するか、既存のドメイン名を使用する必要がある場合があります。

アカウントをパーソナライズする利点は次のとおりです。

  • プロフェッショナルな外観
  • ブランド力の向上、および
  • 訪問者が新しいWebサイトにアクセスしやすくなりました。

そう、 Squarespace ドメインの管理、接続、移管を支援します。

Squarespaceドメインをパーソナライズするには、ホームページに移動して[設定]をクリックします。

「ドメイン」を選択します。

ここで、既にドメインを所有している場合は、[自分が既に所有しているドメインを使用する]をクリックします。

次に、適切な場所にドメイン名を入力します。 完了したら、[続行]をクリックします。

これにより、XNUMXつのオプションから選択できます。 XNUMXつのオプションでは、ドメインをSquarespaceに移管する必要があり、もうXNUMXつのオプションでは、プロバイダーから接続するように求められます。

Squarespaceに転送

最初のオプションでは、Squarespaceがサイト内のドメインを管理できるようにします。 そうすれば、Squarespaceアカウントからの請求と設定を処理できます。 まだ試用版を使用しているか、すでに有料プランを使用しているかは関係ありません。

さらに、まだサイトがない場合、Squarespaceはドメインをパーキングページにリンクします。

[Squarespaceに転送]を選択した場合は、次のガイドラインと指示に従ってください。

[続行]をクリックした場合は、転送承認コードを入力する準備をしてください。

[続行]をクリックして、残りの指示に従います。

プロバイダーから接続

このオプションを使用すると、サードパーティでドメインを保持したまま、Squarespaceに接続できます。 これは、ドメインマッピングと呼ばれるプロセスに従います。 レジストラのアカウントにいくつかの変更を加える必要があります。

最終的には、購入したサードパーティに引き続き登録されますが、Squarespaceアカウントに接続されたままになります。 まず、接続を開始するために何を配置する必要があるかを調べます。

ドメインを接続するには、前の手順に従ってドメインを取得し、移行先のオプションに到達します Squarespace またはプロバイダーから接続します。

ただし、今回は「プロバイダーから接続」をクリックします。 次に、ドロップダウンメニューからプロバイダーを選択し、[ドメインに接続]をクリックします。

「OK」をクリックして、ポップアップするメッセージを受け入れます。

ドメインを購入する

接続または移管するドメインがまだない場合は、パーソナライズされた感覚を得るためにドメインを購入する必要があります。

「設定」から「ドメイン」に進みますが、今回は「ドメインの取得」をクリックします。

サイトのタイトルに使用した名前を組み込んだドメイン名の候補が表示されます。 取得された名前とそれらの利用可能な価格も表示されます。

購入したい名前の上にカーソルを置くと、価格があった場所に「追加」が表示されます。

[追加]をクリックすると、カートに追加されます。

「チェックアウトに進む」をクリックして自分のものにしてください。

組み込みドメイン名を変更する

既存のドメインがなく、購入する準備ができていない場合は、組み込みドメインを変更して短縮できます。

他のXNUMXつと同じプロセスに従いますが、今回は「組み込みドメイン」の下のボックスをクリックします。

このセクションでは、.squarespace.comの前に表示される文字列の名前を変更するように求められます。 そこにあるものを置き換えて、「名前を変更」をクリックします。

表示されるポップアップで[確認]​​をクリックします。

組み込みドメインが変更されると、URLも変更されます。

ただし、SquarespaceはXNUMX年間無料のカスタムドメインを提供します。 ただし、年間料金プランを利用している必要があり、ドメインには適格なTLDが必要です。 アカウントの登録または移管からXNUMX年間がカウントされます。

ステップ#10:検索用に最適化する

潜在的なユーザーにあなたを見つけてもらう最も簡単な方法は、検索エンジン用にWebサイトを最適化することです。 検索エンジンには、見出し、ページタイトル、およびサイトタイトルが表示されます。

ウェブサイトを最適化するには、ホームパネルの[マーケティング]にアクセスしてください。

次に[SEO]をクリックします。

あなたはあなたのウェブサイトを最適化する間にあなたがすべきことすべてを思い出すのに役立つSEOチェックリストへのリンクを見つけるでしょう。 「Google検索キーワード」を使用すると、Google Search Consoleでサイトを確認できます。 したがって、あなたはあなたのウェブサイトへのトラフィックを促進し、あなたの座のパフォーマンスを改善するのに役立つキーワードにアクセスすることができます。

検索の外観を選択し、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ページを提供しましたが、必要に応じてカスタマイズできます。

ステップ#12:マーケティングを組み込む

Squarespace より多くのトラフィックを促進するのに役立つマーケティングツールが含まれています。 メールキャンペーンを管理し、パフォーマンスを追跡できます。 MailChimpも統合できます。

また、次のようなソーシャルメディアやその他のプラットフォームでサイトを宣伝することもできます。

  • Instagram
  • Facebook
  • LinkedIn
  • Twitter
  • タンブラー
  • Redditに

ビジネスまたは商業プランを利用している場合は、プロモーションポップアップを使用できます。 さらに、ニーズに合わせて変更できるさまざまなレイアウトで提供されます。

広告のURLの作成に役立つURLビルダーを取得します。 それはあなたの有料広告のパフォーマンスとあなたのトラフィックのソースを示しています。

Squarespaceを使用すると、注文、在庫、顧客、およびWebサイトの割引を管理できます。 また、販売ツールと通知にもアクセスできます。

それらのほとんどを使用するには有料プランに加入している必要がありますが、試用期間を使用してそれらがどのように機能するかを学ぶことができます。

プラットフォームは、スケジューリングを支援します。 クライアントは自分で予約でき、タイムゾーンに合わせて自動的に調整されるため、競合が少なくなります。 それは摂取フォーム、オンライン支払い、および統合を自動化します。

加えて、自動リマインダーはあなたがノーショーを減らすのを助けます。

Squarespaceの使用方法:価格

試用期間が終了したとき、または有料にアップグレードしたいとき Squarespace プランは、プラットフォームのXNUMXつの主要な価格プランのいずれかから選択できます。 これらは:

  • 個人
  • ビジネス
  • コマースベーシック
  • コマースアドバンス

Squarespace価格

個人プラン

At 月額$ 16、または毎年支払う場合は$ 12、これは Squarespaceプラン 提供しています:

  • 無料のカスタムドメイン
  • 無制限の帯域幅とストレージ
  • 検索エンジン最適化機能
  • SSLセキュリティ
  • ポートフォリオからブログまであらゆるニーズに対応するテンプレート
  • XNUMX人の貢献者
  • XNUMX時間カスタマーサポート
  • 基本的なサイト分析
  • モバイル向けに最適化されたサイト
  • Squarespace拡張

したがって、毎年支払う場合は25%節約できます。

スクエアスペース事業計画

事業計画

挽き目 事業計画 行く 月額$ 26 あなたが毎月支払うとき。 しかし、あなたが毎年それを支払うとき、あなたは18ドルを使います、それはあなたに30パーセントの割引を与えます。 したがって、ビジネスプランは、パーソナルプランなどのすべての機能を提供します。

したがって、個人計画に加えて、ビジネス計画は次のとおりです。

  • プロフェッショナルなGoogleメール
  • 完全に統合された電子商取引
  • 100ドルの条件付きGoogle Adwordsクレジット
  • 統合とコンテンツブロック
  • CSSおよびJavaScriptの完全なカスタマイズ
  • XNUMX%の取引手数料
  • 無制限の製品を販売する
  • 寄付を受け入れる
  • 無制限の寄稿者
  • 高度なウェブサイト分析
  • プロモーションポップアップとバナー
  • ギフトカード

squarespcace価格

コマースベーシック

コマースベーシック ビジネスプランのすべての機能などを提供します。 で $ 30月 (毎年支払う場合は26ドル)、

このプランは以下を提供します:

  • 取引手数料なし
  • ポイントオブセール
  • お客様のアカウント
  • ドメインでのチェックアウト
  • 強力なeコマース分析
  • 強力な商品化ツール
  • Instagramの製品

コマースベーシック

コマースアドバンス

コマースアドバンス 行く 月額$ 46 (毎年支払われる場合は40ドル)。 Commerce Basicプランに加えて、このプランは以下を提供します。

  • サブスクリプションを販売する
  • 事前発送
  • 事前割引
  • コマースAPI
  • 限定入手ラベル

Squarespace Select

Squarespace Selectは、カスタマイズされた実践的なサポートを必要とするエンタープライズ、スモールビジネス、および個人ユーザー向けのプレミアムソリューションです。 このプランは、カスタマイズされたエクスペリエンスを提供します。 だから、 $ 500、高度な機能と分割されていないサポートを提供し、中小企業の経営者の繁栄を支援します。

Squarespaceの選択

詳細については、 四角形のレビューSquarespaceの料金 ガイド。

Squarespaceの使用方法:まとめ

Squarespace Webサイトを最初から最後まで簡単に理解できます。 そのため、使用を開始する前にサイトにアクセスして構築することもできます。 つまり、Squarespaceを使用すると、サブスクリプション時間をプロのように楽しむことができます。

Squarespace
評価: 5.0 -によるレビュー