内容をスキップ

製造業・メーカー企業のコンサルティング、Web制作、BtoBマーケティング

Web活用経営株式会社
  • メタバース企画
    • メタバースイベント企画
    • 自社企画
      • 絶滅危惧種 山野草と暮らすまち
      • 弊社オフィス
      • メタバース忍者村
      • メタバースで田植え
      • Spatian Town
      • バーチャル花屋
      • オフィス
      • カウンセリングハウス
      • メタバースEXPO
    • Spatialブログ
    • Spatial 開発事例
  • Spatial研修・実験
    • GardenBeeについて
    • Spatialの特長 資料請求
    • メタバース経済圏の可能性を実験するSUSHI DAO
    • YouTube動画
  • Web運用
    • Web活用に対する考え方
    • Web運用について
    • BtoB向けeコマース&メタバース
    • 料金表
    • 実績・事例
    • 知識体系/ツール
      • Google対策(SEO)
      • Ahrefsについて
      • Web制作
      • Elementorについて
      • MAコンサルティング
      • BowNowについて
    • Web人材育成
    • お試し診断
  • ブログ
    • 製造業のWebマーケティング
    • SEO・Google対策
    • Web制作
    • オンライン工場見学
    • スタッフブログ
    • フィリピン(英語)
  • 動画
    • 動画一覧
    • おもちゃ箱
  • 会社案内
    • MVV
    • 会社概要
    • Q&A
お問い合せ
お問い合せ
Web活用経営株式会社

Elementor(エレメンター)とは

Home » Web制作 » Elementor(エレメンター)とは

高速でWeb活用を行うなら、Elementor(エレメンター)

Elementor

エレメンターは、WordPressのプラグインで、感覚的にWebページを構築することができます。 企画、アイデアをプレゼンする際、用いられるのはパワーポイントなどのプレゼンテーションソフトです。どのような良い企画も、「伝える」ことができなければ、可能性は広がりません。

パワーポイントのように「Web運用」ができる、それがElementorです。コーディング不要で、誰でもWebページを作成できるElementorは、Web版パワーポイント。御社の企画、アイデアをWeb上でスピーディに発信し、フィードバックを得ながら改善していきます。Web活用のPDCAを回すためには、「Web運用の内製化」が必要です。

エレメンターについて、こちらもご覧ください

  • Elementor動画講座
  • ElementorとSEO

Elementor(エレメンターとは) Index

Elementor(エレメンター)とは?

Elementor(エレメンター)は、WordPressのプラグインで、直感的にホームページを制作できる「ページビルダー」の一つです。WordPressでは、ページビルダーを使わない場合、HTMLやCSSを編集画面で書く必要があります。編集画面で書いたコードを、ライブページで確認し、修正する場合にはまた編集画面に戻り、HTML・CSSを編集し、ライブページに反映させ…という手順を踏んでWebサイトの更新を行います。
 
「ページビルダーを使用する」とは、この編集画面をスキップして、ダイレクトにライブページを、直感的に編集するということです。
Elementorの編集の仕組み
WordPressで利用できる「ページビルダー」は、Elementor(エレメンター)だけではありません。Gutenberg(グーテンベルグ)(WordPressのバージョン5.0から導入されたエディタです)、Beaver Builder(ビーバービルダー)、Brizy(ブリジ)などがよく比較されます。

Elementor(エレメンター)を使うメリット

私達がElementorを選ぶ理由は、「美しいページが誰でもできる」や「HTML・CSSを知らなくてもページが作れる」ではなく、Web運用のマネジメントのしやすさです。
 
Elementorは無料版と有料版があり、現実的には、有料版を使わないのでしたらBrizyの方が良いとも言えます。Elementorをお勧めできるのは、数ページ規模のWebサイトではなく、中規模Webサイトです。
 
数ページのWebサイトであれば、ページのマネジメントの必要性が低いですから、わざわざ多機能なElementorを選ぶメリットは低いかもしれません。例えば、「製品ページ」を追加しようと考えたとき、Elementorでしたら予め「製品ページの雛形」を作成しておき、管理画面から「データを入力して、写真を選択するだけ」で、同じ雛形のページを増産でき、さらに、自動的にトップページに「新製品の画像とリリース案内」を表示したり、といった「Web運用しやすい全体設計」が可能です。
エレメンターの共通領域管理

Elementor(エレメンター)を使うデメリット

Elementorのようなページビルダーを利用するデメリットは、なんといっても、「Webサイトの表示速度に悪影響がある」です。
Webサイトの表示速度が1秒から3秒に落ちると、直帰率は32%上昇する
というGoogleの調査結果があります。表示速度は、検索対策に影響を与えます。
 
ページスピードが遅いことは、その企業で働くみなさんの努力を無駄にすることです。Webサイトの表示が遅いだけで、Webサイトを見ないで立ち去る人が増えるわけですから。
 
ページスピードだけを考えた時のベストは、「検索対策に知見があるWeb開発者が、HTMLやCSS、PHPを手書きする」です。しかし、この場合、自社でWebサイトを更新することに制限が出たり、更新するたびに外注に依頼するということなります。ですから、ベストの状態から、自社でWeb活用していくためにスピードを犠牲にするバランスをどこまでとっていくか、ということになります。

ページビルダーは、本当に遅いのか?

もちろん、HTMLなどを手書きしたからと言って、何も検索対策に知見のない人がコードを書いていれば、ページ速度が速くてもSEOの効果はでません。さらに重要なことは、ページビルダーを使ったうえでも、「高速化」に対する知見をどこまで持っているか、ということだと考えています。たとえば、そもそも、Webサーバーが遅ければ、「遅いWebサーバーで手書きしたWebサイト」と「高速なWebサーバーでElementorで作ったWebサイト」では、後者の方が速いこともあるでしょう。
 
Webサイトの表示高速化には、下記のような様々なトピックがあります。
  • HTTP/1よりHTTP/2、CDN利用などWebサーバー環境
  • キャッシュ活用、WebPで画像配信、JavaScript遅延など、高速化対策
  • 高速化を意識したコーディング、画像圧縮など、現場レベルの対策
Webサイト高速化にまつわる話題は、ページビルダー以外の内容も含まれます。
 
それらを総合的に考え、私達は、「現場で活用できるWebサイトであること」が非常に重要だと考えています。なぜなら、マーケティングオートメーションなど、マーケティング活動を行ううえでは、施策を実践するためのWebサイトの更新、ページ制作、資料ダウンロードなどの仕掛けづくりを「内製化」できなければ、「打てる手が減る」からです。

Elementor(エレメンター)の特長

※Elementorのスクリーンショットが英語版になっていますが、日本語版もあります。

誰でも編集でき、とにかくページ制作が速い

Elementor簡単に編集できる

パーツをドラッグ&ドロップしてページを作成

Elementorでのページ構築は、基本的にはウィジェットと呼ばれるパーツを、ページにドラッグ&ドロップし、中身を書き換えることで行います。さまざまなウィジェットが用意されていますので、コーディングの知識がなくても画像スライダーやアコーディオンメニューなどが作れます。

共通部分の管理が優れている

Elementor共通領域の管理

多様な種類の雛形でページ管理

Post、Page、Archiveテンプレートというページ単位での雛形、ページの中に埋め込む部品単位の雛形、H1などタグごとの雛形など、多様な雛形を作成できます。どのようにWebサイトを運用するのか、ニーズに合わせて「活用しやすいWebサイト」を構築いたします。

Elementor(エレメンター)関連プラグインとの連携

AnyWhereElementor

Elementorをさらに機能拡張

Elementorには他に多くの関連プラグインがあり、例えば、AnywhereElementorでは、Elementor上に特定のページを一覧化するレイアウトを自由自在に作成できます。

YoastSEOなど、Elementorと関連のないプラグインとも連携

YoastSEOなどプラグインと連携

Elementor雛形と、SEOなど他のプラグイン連携

SEO対策プラグインとして有名なYoastSEOや、Contact Formなど主要なプラグインとも、もちろん連携します。Elementor Proには、メールフォームを生成する機能がついているため、Elementorだけでフォームを作成することもできます。

Elementor(エレメンター)実験

実際には、Elementorにも「読み込みが速い使い方」があります。以下の実験では、同じデザインを、違う形で作ったときの、ページのロード時間です。当初1.16秒だったデザインが、改善後は708msになっています。1秒縮めることに大きな意味がありますから、「どのようにElementorを使うべきか」という実験なども行い、情報提供を行っていきます。

Elementor高速化
BowNow・Elementorニュース
毎月1~2回、BowNowとElementorに関する
新着情報をお届けします。
購読する
New

関連記事

CSVを読み込んで表を作成する

ElementorプラグインPowerPackで、CSVを読み込んで表を作成する

記事を読む »
画像ボックスのタイトルだけを左寄せにする

エレメンター小技(4) 画像ボックスのタイトルだけを左寄せにする

記事を読む »
エレメンターの小技 スクロールするスクショ

エレメンター小技(1) スクロールするスクリーンショットの作り方

記事を読む »
エレメンター3カラム

エレメンター小技(3) テキストの内容量が違っても上下が揃う3カラム作成

記事を読む »
SEO監査

テクニカルSEO監査ガイド チェックリスト

記事を読む »
Trelloタスク管理

Trelloかんばんボード(タスク管理)から見る、WordPress Elementor(ワードプレスエレメンター)が中小企業にお勧めできる理由

記事を読む »
  • Web制作TOP
  • Elementor(エレメンター)とは
  • SEO・検索対策について
  • 製造業 Web制作について
メニュー
  • Web制作TOP
  • Elementor(エレメンター)とは
  • SEO・検索対策について
  • 製造業 Web制作について

Home » Web制作 » Elementor(エレメンター)とは

Elementor
製造業 Web制作について
SEO・検索対策について
Web施策優先度診断
Elementor カテゴリー
  • ElementorとSEO (1)
  • ElementorとWeb制作マネジメント (1)
  • Elementor動画講座 (6)
  • SEO・Google対策 (4)
Elementor 新着記事
CSVを読み込んで表を作成する
ElementorプラグインPowerPackで、CSVを読み込んで表を作成する
2022年9月1日
画像ボックスのタイトルだけを左寄せにする
エレメンター小技(4) 画像ボックスのタイトルだけを左寄せにする
2022年2月4日
エレメンター3カラム
エレメンター小技(3) テキストの内容量が違っても上下が揃う3カラム作成
2022年1月29日
FAQスキーマ
WordPress Elementorと構造化マークアップ(FAQリッチリザルト編)
2022年1月26日
ニュースレター
中小製造業のデジタル戦略
  • バックナンバー
  • BowNow・Elementorニュースはこちら
Web活用経営株式会社

技術に対話を起こし、 より良い世界に貢献する。

BtoB専門 & 中小企業向けの、Webコンサルティング、MAツール導入、Web制作会社です。ものづくり企業がITを活用して営業を強化することを専門としています。

  • コンサルティング
  • Web制作
  • 無料コース
  • 営業DXおもちゃ箱
  • 料金表
  • ウェビナー
  • 会社案内
  • 優先度お試し診断
  • 利用登録
  • ニュースレター
  • お問い合わせ
  • サイトマップ
  • 187-0032 東京都小平市小川町1-2591-18
  • 042-508-2904
  • info@web-keiei.com
  • メタバース企画
    • メタバースイベント企画
    • 自社企画
      • 絶滅危惧種 山野草と暮らすまち
      • 弊社オフィス
      • メタバース忍者村
      • メタバースで田植え
      • Spatian Town
      • バーチャル花屋
      • オフィス
      • カウンセリングハウス
      • メタバースEXPO
    • Spatialブログ
    • Spatial 開発事例
  • Spatial研修・実験
    • GardenBeeについて
    • Spatialの特長 資料請求
    • メタバース経済圏の可能性を実験するSUSHI DAO
    • YouTube動画
  • Web運用
    • Web活用に対する考え方
    • Web運用について
    • BtoB向けeコマース&メタバース
    • 料金表
    • 実績・事例
    • 知識体系/ツール
      • Google対策(SEO)
      • Ahrefsについて
      • Web制作
      • Elementorについて
      • MAコンサルティング
      • BowNowについて
    • Web人材育成
    • お試し診断
  • ブログ
    • 製造業のWebマーケティング
    • SEO・Google対策
    • Web制作
    • オンライン工場見学
    • スタッフブログ
    • フィリピン(英語)
  • 動画
    • 動画一覧
    • おもちゃ箱
  • 会社案内
    • MVV
    • 会社概要
    • Q&A