組織のWebflowでのステージング環境の管理。

ウェブは2時に壊れています！ウェブメーカーの生活における本当の問題

会社のウェブサイトで「公開」ボタンを押す必要があるときに、背骨を感じたことはありますか？特に、人々が常に使用しているウェブサイト、または翌日、マーケティングチームがプロモーションを少し修正したいという大きなキャンペーンを行うことになります。デザインチームは、ボタンをより美しくするために移動したいと考えています。しかし、頻繁な結果は「ここでこれを解決するためにこれを解決する」ことです。

古典的な状況は、CSSを1行しか編集することですが、かつては美しいレイアウトページで、一部の携帯電話で壊れています。さらに悪いことに、最新のアップデート後に使用できない最も重要な顧客の連絡先は、半日が途方もないビジネスチャンスを失ったことに気付く前に...これは単なる技術的な問題ではありません。しかし、それはチームにストレスを生み出し、不信感を抱き、仕事を不必要に遅らせる問題です。

- イラストのための普及 -

チームの写真は、クレイジーなWebを示すコンピューター画面の痛みです。前後に指す矢印があり、実際にライブであるWebの修正に混乱と混乱を伝えます

なぜ私がやろうとしているウェブサイトがあるのですか？指先で簡単に壊れますか？

それが大きな問題になるまで蓄積する小さな災害の木。通常、チームの悪性からではなく、特にWebflowのような高い独立したプラットフォームでチームとして働いている場合、「体系的なプロセスの欠如」によって引き起こされた

主な原因は次のとおりです。

• 「リハーサルの実践」はありません。 「リアルステージ」（ライブサイト）のすべての修正は、実際に演技する前に台本を練習しなかった俳優のようなものです。間違いの可能性は非常に高いです。試行錯誤の安全なエリアはありません。
• 「One-Man-Show」ワークフロー：多くの組織は依然として従来の方法を使用しています。つまり、ボトルネックの問題を引き起こしてPressを出版させることであり、その人が間違いを犯した場合、誰も最初にチェックするのを助けません。
• Webflowについての誤解： Webflowは使いやすいと考える人もいるかもしれません。プールをドラッグして、パブリッシュを押すだけです。これは真実の半分です。シンプルさは、「フェンス」や「練習」がなく、協力するのが明確な「練習」がない場合、二重エッジの剣になる可能性があります。
• テストの重要性を見落としてください：プロのソフトウェア開発の世界では、誰もテストなしでコードをリリースしませんでした。しかし、Webの世界では、多くのチームが「ウェブサイトのほんの少し」と考えているため、このステップを見落としています。これがすべての問題の始まりです。良い組織のウェブサイトの全体像を見たい場合は、このチェックリストをご覧ください。究極のコーポレートウェブサイトチェックリスト

- イラストのための普及 -

多くの人々（マーケティング、デザイン、開発）からの多くの矢印を示す簡単なインフォグラフィック画像は、「エラー」シンボルまたは「壊れた」になるまで、同じWebサイトのアイコンを指します。

「Webの分解」を許可すると、予想以上に影響します

ウェブサイトには頻繁にエラーがあります。たとえそれがただの小さなポイントであっても、座って修正するのに時間の無駄ではありません。しかし、それはより恐ろしいビジネスレベルでチェーンに影響を与えます

• ブランドの信頼性の損失：ウェブサイトは会社の外観です。顧客はあなたのブランドを見るでしょう。 「非専門家」とその自信が減少したことはすぐに減少します。
• ユーザーエクスペリエンスを破壊します（ユーザーエクスペリエンス）：問題に遭遇した顧客はイライラし、すぐにウェブサイトを離れます（高い直帰率）。彼が再び戻ってくる可能性はほぼゼロです。そして、それは顧客を競合他社に永遠に失うことを意味します
• ビジネスチャンスを直接失う： 「注文ボタン」または「見積もりを要求する」場合、短時間で機能しない場合。それは、空中に欠けている10万人または数百万人を意味するかもしれません。
• チームのパフォーマンスは減少しました：チームが新しいものを作成するのに時間を費やしました。代わりに、繰り返し起こるべきではない同じ問題を解決するために、「消火」で時間とエネルギーを無駄にしなければなりません。を検討してください。これを非常に考慮する必要があります。

この問題を慢性化させることは、ボートに小さな漏れがあり、最後に埋めることを拒否するようなもので、ボート全体が沈む可能性があります。

- イラストのための普及 -

コンバージョン率、顧客の信頼、チームの士気を示すバーのグラフは、グラフの横に眉をひそめたアイコンで急落します。

ソースで問題を解決する方法：WebFlowで「ステージング環境」を知るようにしてください。

良いニュースはWebflowです。この問題を理解し、この問題を解決するための最も強力なツールを準備してください。 **ステージング環境**または多くの人がドメイン名に精通しています。 ** "。webflow.io" **

ステージング環境を最も簡単に理解することは**「モデリングWebサイト」**は、あらゆる点で実際のWeb（ライブサイト）のクローニングですが、部外者やGoogleでさえ、チームにとって100％安全な「実践分野」であることがわかりません。

• すべての変更をテストする：新しいデザインであろうと、新しいコンテンツの追加、カスタムコードの入力であろうと、このシミュレートされたWebサイトで最初に結果を試してみてください。
• 正確性を確認してください。リンクを送信できますexhingwebflow.io`このボス、顧客、または関連チームは、さまざまなデバイスやブラウザで注文を確認するのに役立ちます。
• 出版前に承認された：関係者全員が満足するまで「承認」まで確認してください。その後、パブリッシュを押します。ワンクリックで実際のWebサイトにすべて変更されます。

この概念は新しいものではありません。これは、CI/CD（連続統合/継続的な展開）と呼ばれるソフトウェア開発業界の標準であり、エラーを減らして作業速度を向上させるのに役立ちます。 CI/CDの詳細を読んでください。ここで、このプロセスの適用は、真にプロフェッショナルな仕事の始まりです。

- イラストのための普及 -

左側の左側にある簡単な図は、アイコンが拡大し、ツールがWebをテストしている「ステージング環境（site.webflow.io）」です。緑のマークがあります。次に、シールドと笑顔のユーザーアイコンを備えた右側「ライブサイト（YourDomain.com）」を指す矢印があります。

本物からの例：マーケティングチームが「パブリッシュ」を押すことを恐れないようにするとき

SaaSサービスを提供する1つのハイテクスタートアップは、頭痛の問題を抱えていました。彼らのマーケティングチームは、新しいキャンペーンを開始するのに非常に優れています。そして、常にランディングページを更新したいと考えていますが、製品チームはその結果、ウェブサイトの機能を改善する必要がありますが、ウェブサイトは作業が重複しているため毎週クラッシュします。彼らが「ステージングワークフロー」を真剣に使用することを決定するまで

元の問題：マーケティングチーム、プロモーションページを編集しますが、グローバルCSSに影響を与えるようにプッシュされ、製品チームの価格設定ページのボタンが歪みを示します。

ステージングワークフロー：

1. 明確なポリシー： 「実際のWebサイト（制作）に直接公開しないでください。すべての変更は最初にステージングを渡す必要があります。」
2. プロセスを作成する：マーケティングチームには、ランディングページのソリューションがあり、「staging.company.webflow.io」のみに公開し、Slackグループにリンクを送信して、プロジェクトマネージャーと製品リーダーを許可します。
3. 確認と承認：誰もが、何も壊れていないと確信するまで、ステージングサイトでテストするのに役立ちます。承認された場合（Slackで「承認された」印刷）、実際のWebでのパブリッシュの責任者。

驚くべき結果： 3か月以内に、実際のWebでの深刻なエラーの割合は「ゼロ」です。マーケティングチームは、A/Bテストを試すことができます。壊れたウェブサイトを恐れることなく自由にステージングする新しいキャンペーン。新しいジョブをリリースする速度は、うるさい問題を解決するために座って時間を無駄にする必要がないため、40％増加します。明確な企業を持つ力です

- イラストのための普及 -

ファーストサイドとアフターサイドの写真はストレスの多いチームであり、同じチーム、同じチームが微笑んで親指を立てているコンピューター画面を指しています。上昇するグラフを背景に

フォローしたい場合、何をすべきですか？ （すぐに使用できます）

この強力なステージングワークフローを5つの簡単な手順ですぐに使用して、作業を永久に変更できます。

ステップ1：デザイナーの修正、コンテンツの
設計、編集、コードの追加など。あなたが今までやったように、WebFlowデザイナーですべてをしてください。

ステップ2：
これが最も重要なステップです。ブルーパブリッシュボタンを押すと** "Tikはカスタムドメイン（実際のWebサイト）" **からマークを取りました。ドメインwebflow.io`のみ、「選択したドメインに公開」を押します。これにより、シミュレーションWebサイトのすべての変更が行われます。

ステップ3：ステージングリンクで確認してテストし、
「Your-Site.Webflow.io`リンクをコピーして、関係者全員に送信します。リーダー、顧客、またはQA（Quality Assurance）チームが精度を確認するのに役立つかどうかにかかわらず、すべてのボタンをクリックしてすべてのフォームに記入し、さまざまなデバイス（デスクトップ、タブレット、モバイル）のディスプレイを表示してみてください。

ステップ4：フィードバックと承認を収集します。
Slack、Asana、Trelloなどの中央のコミュニケーションツールを使用して、フィードバックを収集し、当局から書面で「確認」を待ちます。誰もがすでに見ていることを確認するために

すべてが完璧で承認されている場合、実際のウェブサイト（制作）に公開しますもう一度公開ウィンドウに戻ります。今回は、** "Tikはカスタムドメインに直行しています" **（そして、Webflow.io`をチェックアウトするかもしれません）を押してパブリッシュを押します。これは、100％自信を持って世界の目にうまく渡された作品をリリースする2番目のものです。 Webflow Universityの詳細については、直接参照してください。

- イラストのための普及 -

Webflowのパブリッシュウィンドウのスクリーンキャプチャは、ステップ2のTick -tick ".webflow.ioドメイン"を選択し、ステップ5の「カスタムドメイン」を選択するハイライトがあります。

人々が不思議に思う傾向がある質問とクリアされた答え

Q1：そして、ステージングWebサイト（.webflow.io）はGoogleによって収集されて表示されますか？
A：いいえ、WebFlowは非常にスマートで、ステージングサイトに「Noindex」タグが自動的にあります。 Googleのような検索エンジンを防ぎ、データを収集し、重複したコンテンツを作成します。

Q2：アカウントWebflowを持っていない人。ステージングのウェブサイトを見に来ることができますか？
A：もちろん。リンクを送信することができます。「Your-site.webflow.io`は誰でも見て、通常のWebサイトのようにテストすることができます。

Q3：実際のWebサイトにパスワード保護がある場合、ステージングもパスワードに合格しますか？
A：はい、パスワード設定は実際のWebとステージングWebサイトの両方で使用され、まだ完成していない作業がライセンスされた人のみが見られると確信することができます。

Q4：WordPressなどのWebを他の場所からWebflowに移動するには、ステージングを使用して最初にテストできますか？
A：はい、それは非常に推奨される方法です！ Webflowで新しいWebサイトを作成し、ステージング環境を使用して、実際のドメインスイッチの前に100％完了するまで移動、設計、およびすべての機能をテストできます。ここに移動するWebの詳細を読んでください。 WordPressからWebFlowへのWeb移動マニュアル

- イラストのための普及 -

大きな質問画像アイコン（？）中央には、FAQという言葉があり、そこにはGoogle、ロックキー、さまざまな人と通信する小さなアイコンがあります。さまざまな質問を伝えるため

概要：毎回「恐怖」を「勇敢」に変更します

ステージング環境を使用することは、単なる技術的な問題ではありません。しかし、企業文化を完全なプロフェッショナリズムに変えることは、「希望」から、すべてのステップで制御された「仕事」への変化であり、感情を変えることです。パブリッシュを「自信」に押し込むたびに「タイプ」

組織のウェブサイトは、小さな間違いが機会と信頼性を破壊するにはあまりにも重要なビジネスツールです。ワークフローを作成するための時間投資は、今日からのステージングを通じて機能します。チームや会社のためにできる最も価値のある投資の1つです。

ウェブフローで作業をアップグレードし、より効率的で、より体系的な時です。次のアップデートに適用するには、このプロセスを試してください。そして、あなたは、組織のウェブが以前に頭痛の性を減らしたことがないことがわかります！

WebflowのWeb Webサイトの専門家であるパートナーが必要な場合、私たちのチームはアドバイスをする準備ができています。 Advanced Webflow Development Serviceをご覧ください。または、すべての新しい組織Webサイトを探している場合はご覧ください。組織のウェブサイト開発サービスをご覧ください。

- イラストのための普及 -

宇宙飛行士の画像は、コントロールパネルの大きな「公開」ボタンを自信を持って押しています。美しい背景が自信を持って公開を公開しています

‍