Softr + Airtableで、画像投稿サイトをサクッと作りました。(2時間ぐらい)
今回は、サイト公開時Softrでできること、やっておくことを紹介したいとます。
一般設定
サイトを公開するうえで必要なのが、アプリ名、サブドメイン、ファビコン設定です。
Softrでは、サブドメインは自動で割り当てられますが、変更が可能です。
(有料プランの場合は、カスタムドメインをセットできます)
今なら、単語のサブドメインも取得できるので良いサブドメインを思いついたら早めに取得しておいたほうがよいでしょう。
ファビコンは、記載のあるとおり、32 x 32pxの画像を用意してセットしましょう。
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/w_300,h_263,c_scale/f_auto,q_auto/v1613096107/d46e568b314fb8056ba027ed20ea3dfd/d46e568b314fb8056ba027ed20ea3dfd.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_1024,h_896,c_scale/f_auto,q_auto/v1613096107/d46e568b314fb8056ba027ed20ea3dfd/d46e568b314fb8056ba027ed20ea3dfd.jpg?_i=AA 1024w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_672,c_scale/f_auto,q_auto/v1613096107/d46e568b314fb8056ba027ed20ea3dfd/d46e568b314fb8056ba027ed20ea3dfd.jpg?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096107/d46e568b314fb8056ba027ed20ea3dfd/d46e568b314fb8056ba027ed20ea3dfd.jpg?_i=AA 1108w)
Google Tag Manager
Google Tag Managerを入れておけば、Analyticsや広告のタグをGTM側で管理できるので便利ですね。
Google Tag Managerで、softrのURLを利用してサイト設定を追加して、生成されたコンテナーIDをSoftrにセットしましょう。
※Analyticsの設定とGTMの連携は調べてセットしてください。
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/w_300,h_271,c_scale/f_auto,q_auto/v1613096103/19f6dc8b4828fa4cec1bf6b3a5e3f955/19f6dc8b4828fa4cec1bf6b3a5e3f955.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_693,c_scale/f_auto,q_auto/v1613096103/19f6dc8b4828fa4cec1bf6b3a5e3f955/19f6dc8b4828fa4cec1bf6b3a5e3f955.jpg?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096103/19f6dc8b4828fa4cec1bf6b3a5e3f955/19f6dc8b4828fa4cec1bf6b3a5e3f955.jpg?_i=AA 1000w)
SEO
Search Consoleとの連携をしておくと、自然検索からの流入やキーワード等も確認できるので設定しておいたほうがよいでしょう。
Search Consoleでプロパティー追加をURLプレフィックスで行います。
そして認証のところで、htmlタグを選択して、表示されているタグ内の英数字の部分(Site Verification Code)を切り取りセットしましょう。
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/w_297,h_300,c_scale/f_auto,q_auto/v1613096099/bee5c5f921bdc9aa590e4100ce9d2b7f/bee5c5f921bdc9aa590e4100ce9d2b7f.jpg?_i=AA 297w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_776,c_scale/f_auto,q_auto/v1613096099/bee5c5f921bdc9aa590e4100ce9d2b7f/bee5c5f921bdc9aa590e4100ce9d2b7f.jpg?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096099/bee5c5f921bdc9aa590e4100ce9d2b7f/bee5c5f921bdc9aa590e4100ce9d2b7f.jpg?_i=AA 1000w)
ページ毎の設定
ページごとに、タイトルとdescription設定をする必要があります。
また、SNS等にシェアされた場合のタイトル、デスクリプションも設定しておいたほうがよいでしょう。
Pagesでページが列挙されていますが、以下の赤枠の部分をクリックするとメニューがでます。
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/w_300,h_89,c_scale/f_auto,q_auto/v1613096094/e872cba56cefeea82551b46c5c6d89ad/e872cba56cefeea82551b46c5c6d89ad.jpg?_i=AA 300w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_228,c_scale/f_auto,q_auto/v1613096094/e872cba56cefeea82551b46c5c6d89ad/e872cba56cefeea82551b46c5c6d89ad.jpg?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096094/e872cba56cefeea82551b46c5c6d89ad/e872cba56cefeea82551b46c5c6d89ad.jpg?_i=AA 1000w)
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/w_235,h_300,c_scale/f_auto,q_auto/v1613096090/96027fd18144448d616f95595c3ff260/96027fd18144448d616f95595c3ff260.jpg?_i=AA 235w, https://res.cloudinary.com/dz7ruywxa/images/w_801,h_1024,c_scale/f_auto,q_auto/v1613096090/96027fd18144448d616f95595c3ff260/96027fd18144448d616f95595c3ff260.jpg?_i=AA 801w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_982,c_scale/f_auto,q_auto/v1613096090/96027fd18144448d616f95595c3ff260/96027fd18144448d616f95595c3ff260.jpg?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096090/96027fd18144448d616f95595c3ff260/96027fd18144448d616f95595c3ff260.jpg?_i=AA 1000w)
各種設定を変更したら、Saveで保存して、Publishで公開することを忘れないようにしましょう。
追記
無料プランでは、以下の設定があるにもかかわらず、反映されません。
そのため、Googleなどのロボットでのインデックスは行われません。(検索結果に出ません)
きちんとしたサイト運営をする場合は、独自ドメインを設定して、robots.txtで弾かれないような設定にしましょう。(2021年4月現在、無料利用でも、1ドメインカスタムドメイン設定ができるようになっています。)
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/w_250,h_300,c_scale/f_auto,q_auto/v1613096085/191545d0a2b4af4bf840138251f9167a/191545d0a2b4af4bf840138251f9167a.jpg?_i=AA 250w, https://res.cloudinary.com/dz7ruywxa/images/w_855,h_1024,c_scale/f_auto,q_auto/v1613096085/191545d0a2b4af4bf840138251f9167a/191545d0a2b4af4bf840138251f9167a.jpg?_i=AA 855w, https://res.cloudinary.com/dz7ruywxa/images/w_768,h_920,c_scale/f_auto,q_auto/v1613096085/191545d0a2b4af4bf840138251f9167a/191545d0a2b4af4bf840138251f9167a.jpg?_i=AA 768w, https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096085/191545d0a2b4af4bf840138251f9167a/191545d0a2b4af4bf840138251f9167a.jpg?_i=AA 1000w)
robots.txtの中身は、以下のままとなります。
チャットで理由を確認しました。ほぼリアルタイムで答えてくれるので感動します。
![Softr + Airtableでサイトを公開する前にしておくこと](https://res.cloudinary.com/dz7ruywxa/images/f_auto,q_auto/v1613096076/40d52fea4d3af2e2ccf877561fab0b35/40d52fea4d3af2e2ccf877561fab0b35.png?_i=AA 614w, https://res.cloudinary.com/dz7ruywxa/images/w_300,h_81,c_scale/f_auto,q_auto/v1613096076/40d52fea4d3af2e2ccf877561fab0b35/40d52fea4d3af2e2ccf877561fab0b35.png?_i=AA 300w)
以上です。
無料でここまでの設定ができるのは嬉しいですね。
サイトアクセスの分析もできて、広告等にも対応できるので有効活用できそうです。
以下、プラン改定によりカスタムドメイン設定ができるようになった記事です。