SEOにおいてグーグルがサイトの価値を判断する基準は、まずWebページの読み込みの早さにあります。この読み込みスピードはグーグルの公式ツールであるページスピードインサイトで数値化され確認することができます。
ユーチューブ動画やグーグルマップを埋め込む方法
動画やグーグルマップをスマホ、アイフォンに最適化させる
必須の画面最適化
シリウス2で作成するサイトにユーチューブ動画やグーグルマップを埋め込む場合もiPhoneやスマートフォンで最適表示させる必要があります。作成画面のコマンド「メディア」からも挿入できますが、埋め込み用タグを「カスタム」に登録しておけば、より簡単に表示させる事が出来ます。
この動画は9分です。
Please click
チャンネル登録をして頂きますとホームページ作成に役に立つ最新動画のアップロードをお知らせします。
グーグルマップ埋め込み用タグ
下記タグで「動画/マップ埋め込みコード」を囲うと携帯端末最適表示されます。
<div class="gmap-wrap">
<div class="gmap-box">
---動画/マップ埋め込みコード iframe HTML---
</div>
</div>
サイト作成画面ツール[カスタム]登録用
<div class="gmap-wrap"><div class="gmap-box"></div></div>
ユーチューブで他チャンネルの関連動画を表示させないコマンド
?rel=0
- ユーチューブ埋め込みiframeのユーチューブURLの最後に記述。
- カスタムに登録しておくと便利に使えます。
カスタムに登録する場合は上記タグを開始タグの部分に貼り付けます。終了タグは何も記述しなくても機能します。ユーチューブのURLの最後にカーソルを入れ、カスタムを利用して記述すると便利です。
?rel=0の記述場所
※ このページの動画の例
<div class="gmap-wrap">
<div class="gmap-box">
<iframe width="1280" height="720" src="https://www.youtube.com/embed/OKDTnME7Ej4?rel=0" title="ユーチューブ動画やグーグルマップを最適化してサイトに埋め込む方法" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
</div>
</div>
グーグルマップ
東京ディズニーランド
関連ページ
-
![SEO対策のド基本！画像の扱い方]()
-
![文字装飾でHTMLのルールを守る]()
HTMLの記述方法にはルールがあります。シリウス2でツールバーを多用するとこのルールから外れてしまう事があります。これは構文ミスとなりSEOに影響する場合や表示崩れの原因になります。 -
![[ツールバー] カスタムの使い方]()
シリウス2のコマンド機能「カスタム」はよく使う「装飾タグ」をあらかじめ登録しておいて、ワンクリックで文字を装飾する機能です。また矢印や枠などの装飾タグをカスタムに登録しておく事でデザインが統一されます。 -
![メニュー表示の数を増やす場合の注意点]()
シリウス2でグローバルメニューの数を増やすと、メニュー表示が縦書きになる場合があります。この時の対処方法を動画で解説します。 -
![シリウス2の新機能解説動画]()
シリウス2 を使ってみた！ リニューアルされたシリウス2の新機能を動画で解りやすくご紹介します。画像スライダーなど今まで初心者さんでは難しかった特殊な画像表示でもシリウス2では簡単に表示させることができます。 HTMLやCSSに触れずに綺麗なホームページが誰でも作成できるシリウス2の新機能解説動画です。 -
![お問い合わせフォームの設置]()
シリウス2から新たにお問い合わせフォームの機能が追加されました。あなたのメールアドレスを記述するだけでわずか3クリックで綺麗なお問い合わせフォームが設置できます。 -
![サイト作成画面の概要解説]()
シリウス2のサイト作成画面の全体構成と配置！初心者さんでも簡単にサイト作成ができるワケ。使いやすいシリウス2のインターフェイスを徹底動画解説。動画では実際の操作で解説しています。 -
![見出しhタグ/タイトルタグ付けのルールとデザイン]()
見出しタグのルールを守る事とその見出し[hタグ]はホームページのデザインとSEOに影響します。シリウス2ではリニューアルで見出し[h1-h6]のデザインを多彩にクリック一つで変更できるようになりました。動画ではタイトルタグの付け方も解説しています。 -
![記事ブロックの使い方]()
シリウス2のサイト作成画面は記事ブロックでページを分割して編集できます。1ページを最大10に分割可能で、後々の記事編集では縦に長いページでも[目次の役割]として機能します。これにより編集したいポイントに素早く飛ぶ事ができ更新がすごく楽になり超便利です。 -
![メニュー作成の方法]()
シリウス2の正しいメニューの作成方法! メインメニュー、サブメニュー、フッターメニュー 、リンクテキストの記述はSEOに影響します。メニュー見出しとコテゴリーページの追加方法まで動画で解説してます。 -
![フリースペースの使い方]()
シリウス2のフリースペースはサイトのメインカラムやサイドメニューの上下部分、またサイドメニュー、ヘッダー部分などにスペースを作って、そこにコンテンツを差し込むことができる機能です。訴求力が上がりサイトの閲覧時間も長くなることが期待できるのでSEO対策にもなります。 -
![独立ページ！]()
シリウス2ではメニューやサイトマップに表示されない完全に独立したページを作成する事ができます。ランディングページやサンクスページ、会員専用ページ、ご購入者専用ページ、シークレットページ作成が可能です。 -
![サブディレクトリの扱い方]()
サブディレクトリ作成でひとつのドメインで複数のホームページを運用する事ができます。シリウス2のFTP設定でアップロードも一瞬！設定と使い方について完全解説！ -
![ツールバー[タグ]を使いこなす！]()
隠れた便利機能がポツリポツリと存在するツールバーの[タグ]！このコマンド内の「シリウス2独自タグ」で特に超便利な「ページ送り」がお勧め！あなた知らないのでは？ -
![作成画面のカスタマイズ]()
シリウス2のサイト作成画面はプチカスタマイズできるので紹介します。知ってるとちょっとお得な機能もあります。 -
![各ページの目次設定]()
シリウス2では各ページの上部に[目次]を一瞬で設定する事が可能になっています。また目次のデザインや仕様は数種類あるため、そのカスタマイズの方法も解説します。シリウス2の目次設定ではページごとに個別にデザインを変更する事もできます。 -
![サイトファイルのバックアップ]()
シリウス2にはサイトデータのバックアップ機能があります。バックアップは何らかの理由でサイトデータが壊れてしまった場合やパソコンがクラッシュした場合、またパソコンを乗り換える場合にも必要になります。 -
.jpg)
シリウス2に新機能[ヘッダーアニメーション]が追加されました。ズームインやスクロール、ページめくりなど簡単操作でヘッダー画像をアニメーション化する事が可能になりました。 -
![シリウス2でグーグル解析]()
シリウス2のHTML編集画面でGTMをインストールする方法からグーグルタグマネージャー設定、GA4のカスタム定義[カスタムディメンション][カスタム指標]、そして[探索]までの一連の流れを動画で完全解説します。
![[ツールバー] カスタムの使い方](../img/samn2a.jpg)
.jpg)
![ツールバー[タグ]を使いこなす！](../img/tag-amn.jpg)
SIRIUS2 OFFICIAL PAGE
リンク先公式サイトからのご購入でシリウス2を快適に始めるための
ユーチューブ動画アクセス権 [全4本-計67分] を特典としてプレゼント！
さらに電話、メールサポートや画像集、Wordテンプレートもお渡ししています。
また、特典ユーザーズページではシリウス2に必要なSEOに関連する記事を閲覧できます。
ユーチューブ動画アクセス権 [全4本-計67分] を特典としてプレゼント！
さらに電話、メールサポートや画像集、Wordテンプレートもお渡ししています。
また、特典ユーザーズページではシリウス2に必要なSEOに関連する記事を閲覧できます。