ウェブサイトは道具・道具としてのウェブサイトを作る

Jun-N — Tue, 30 Mar 2021 07:26:31 +0000

Concrete CMS – concrete5

このサイト（当サイト）の、この記事は、WordPressで制作していますが、

今回はエンタープライズCMSのconcrete5で制作したサイトをご紹介します。
(2021/08 concrete5は、Concrete CMS へ)

　もし、あなたが、

タップでスグに電話をかけられるサイトをお探しなら、

これ(Concrete CMS)は、あなたのサイトにも有用なはずです。

あなたのサイトにも、導入できるCMSです。

さらに、カスタマイズで、

ページのどこにいても、
どのページにいても、
スマホからタップでスグに電話できる。

「ホームページが欲しい人は、ほかにいませんか？」

ライバルを表示しないGoogleマップが欲しい人は他にいませんか？

ご覧いただいて、お分かり戴けたでしょうか？

この、スマホで「タップで電話できます」ボタンは、

スマホからタップで電話をかけることができる

どのページでも、ページの最下部に表示されます。

また、上下にスクロールしても、常にそのページの最下部に表示されますので、

あなたのサイトに訪れた、あなたのお客様になってくれるかも知れない人たちに便利です。

わざわざ、電話番号を入力しなくても、

電話発信ができるページを探さなくても良いのですから。

エンタープライズCMS ？

concrete5は、

その前身である、Concrete-CMSとして、

2003年に、

　簡単に – マイクロソフトのWordを使いこなせる人なら、簡単にサイト運用が出来る事。
　柔軟に – 数々の大手代理店の下で働いて来た彼らは、
従来のCMSが、広告代理店が要求する柔軟性に対応する事が出来なかったことを
知っています。
それらの技術的な限界をなくし、
クライアントが自由に意思決定とサイト運営が出来るようにすること。
　堅固に – AdCouncilは、全米でテレビコマーシャルを放映する予定で、
サイトは秒間1万人ほどの訪問者が来ると予想されました。

をコンセプトに誕生しました。

今では、アメリカ陸軍も採用(2018年）するほど、堅牢でセキュリティ対策に優れたCMS（concrete5 2008年～）となっています。

特徴

　　管理画面を介さずに、直接ページを編集
　　コンクリートブロックを積み上げるようにサイトを構築
（これが、名称の由来となっています）
　　自由自在にレイアウトを変えられる
　　ユーザごとに編集や公開権限の設定が可能

concrete5 の主な機能　ｖ5.3.0（2009/04/20）

　　画像を直接編集(picnik.com のサービスを利用)
　　グループ編集・権限機能
　　ファイル履歴管理機能
　　簡単スライドショー作成機能
　　YouTube ビデオ
　　アンケート機能
　　RSS 表示

尚、　最新バージョンは、V8.5.5（2021/03/18）で、より高機能となっています。

concrete5

なぜ、エンタープライズCMSを必要とする日本企業が concrete5 を選択するのか。

機能紹介

　ブロックやスタック^※の、ドラッグ＆ドロップで直感的にページを組み立てられる「編集モード」(動画あり)で、HTMLの知識なしで更新可能
　　表示や編集の権限を詳細に設定できる「上級権限モード」
　　会員制サイトをクリック操作で構築できてしまう「マイアカウント機能」
　　コンテンツの更新と承認を分けられる「ワークフロー機能」
　　商品情報などの管理に使える本格的な「データベース機能」（導入企業例）

この他にも400以上の豊富な機能をプラグインの導入無しで、完全無料でお使いいただけます。

※．スタック：スタックは、ブロックやブロックの組み合わせをサイト内の複数の箇所で使いまわすための機能です。　

それでは、concrete5で制作した各ページをご紹介して行きたいと思います。

タブレット縦表示

ここで、ご紹介する各ページは、

WordPressテーマのCocoonのブログカード・ブロックで作成していますので、

「ブログカード・ブロック」のクリック（タップ）でそのまま、concrete5サイトの各ページにジャンプすることができます。

「ブログカード・ブロック」でご紹介するサイトは、

元祖ブロック・エディタのconcrete5で制作しています。

もちろん

　RWD^※で
　MFT^※テスト合格の
　MFI^※のページです。

そして、カスタマイズ後の、一番の特徴は、

「ページのどこからでも・どのページからでも、スマホからタップでスグ電話できる」ことです。

※．RWD：レスポンシブウェブデザイン

レスポンシブウェブデザインを導入するサイトが増えるにつれて、
ウェブマスターの方々の間で、モバイル用に別途設定する URLから

レスポンシブウェブデザインの利用の同一のURLに移行することへの関心が高まっています。

レスポンシブウェブデザインは、サーバーからどのデバイスに対しても常に同じ HTMLコードを配信しつつ、
CSS を使用して各デバイスでのページのレンダリングを変更する設定方法です。

ここでは、あなたのサイトが Google の検索結果でよいパフォーマンスが出せるよう、
別々の URL から 1 つのレスポンシブ URL へ移行する際のおすすめの方法をいくつかご紹介しています。

Googlebot にわかりやすい形でレスポンシブサイトに移行する
出典：Googleウェブマスター向け公式ブログ　2019/09/15

※．MFT：モバイルフレンドリーテスト

　モバイルデバイスでのページの使いやすさをテストします。モバイルに対応する理由は、モバイルデバイスからのウェブへのアクセス数は増加しています。
モバイルによって世界は変わりつつあります。
今日では、誰もがスマートフォンを持ち歩き、常にコミュニケーションをとったり情報を探したりしています。

多くの国で、スマートフォンの数がパソコンの数を上回っており、
モバイルフレンドリーなウェブサイトは、オンラインでの存在感を高めるうえで欠かせないものとなってきました。
出典：Google検索セントラル

※．MFI：モバイルファーストインデックス

Google がモバイルファーストインデックス登録（スマートフォン用 Googlebot を使用したウェブのクロール）に取り組み始めてから数年がたちました。

分析を行ったところ、検索結果に表示されるサイトのほとんどはモバイルファーストインデックス登録に対応しており、70% はすでに移行済みでした。

これを踏まえ、2020年9月より、簡素化のためすべてのウェブサイトをモバイルファーストインデックス登録に移行します。

それまでの間も、システムによりモバイルファーストインデックス登録に対応済みと判断されたサイトについては、引き続き移行していきます。

モバイルによって世界は変わりつつあります。
出典：Googleウェブマスター向け公式ブログ　2020/03/31