画像サイズを軽量化してSEO&ユーザビリティをアップする

重い画像

画像の多いページを開くと、表示スピードが遅くて待つのがイヤだな~と感じた経験はありませんか?

 

PCスペックが高くなってネット回線が速くなったとはいえ、大きくて重い画像が多いサイトだと見る側にとっては不便さを感じてしまいます。

 

 

さらに、グーグル側のサイト評価基準では「サイトの表示速度」も関係しています。ですので、画像データはできるだけ軽くした方が望ましい状況です。

 

「じゃぁ画像の大きさや画質そのままで、画像容量を軽くできないのか?」と聞かれそうですが、簡単に出来ます。

 

しかし、ある程度までいくと画像が荒れてきてしまうという問題があります。「画像の質をあまり損なわずに、どこまで圧縮できるか」をテーマに画像容量と画像の劣化度について検証してみました。

 

画像容量圧縮率比較

まずはサンプルの元画像です。細かい描写も美しく見れますね。
美しい画像と引き換えに、画像容量は195KBもあります。
サンプル元画像

 

では画像容量の圧縮検証です。
PhotoFiltreでは画像を保存する時に画像を圧縮するか聞いてきます。10%刻みで0~100%の10段階で簡単に変更出来ます。

 

今回は元画像を90%~10%に圧縮した画像を貼り付けています。

元画像の90% 容量97.4KB

サンプル元画像90%

 

元画像より100KBも軽くなりましたが、見た目はあまり変わらないように感じます。元画像と区別出来るかな?

 

元画像の80% 容量66.9KB

サンプル元画像80%
元画像よりも約130KB 軽量化。なぜか明るさが少し増加したような感じです。

 

元画像の70% 容量51.2KB

サンプル元画像70%
70%。まだまだきれいに見える段階かなと。

 

元画像の60% 容量41.6KB

サンプル元画像60%
60%。ここまできてもまだまだいけそうですね。

 

元画像の50% 容量35.5KB

サンプル元画像50%
50%。左下の枝木が荒れて見えますね。

 

元画像の40% 容量29.9KB

サンプル元画像40%

 

元画像の30% 容量23.9KB

サンプル元画像30%

 

元画像の20% 容量17.4KB

サンプル元画像20%

 

元画像の10% 容量10.4KB

サンプル元画像10%
10%。ここまでくるとさすがに荒れ放題ですね。画像下に書かれた文字も何だかわからない状態です。

 

圧縮すると明るい画像ほど荒れて見えやすい

ご覧頂いた通り、暗い画像はそうでもないですが、圧縮していくにつれて明るい部分ほど荒れて見えにくくなります。
90%にしても大幅に容量ダウン出来ます。画像が重すぎると感じた場合、基本的には70%~90%でも見る側にとっては元画像と違和感は無いと思われます。

 

ちなみに、画像編集ソフトによって同じ圧縮かけても画像の仕上がりには差が出ます。

 

Windowsに入っているペイントは圧縮は出来ませんが、縮小すると他のソフトの縮小仕上がりよりも荒れた画像になってしまいます。

 

なるべくキレイに縮小+拡大+圧縮したいのであれば縮小専用+拡大専用という無料ソフトがオススメです。

 

他にも、フォルダごと一括してまとめてリサイズや画像圧縮する場合は、「リサイズ超簡単Pro」も使います。

 

もう1つお勧めはPhotoFiltreWinshotですね。これらはキャプチャした画像の圧縮率を簡単に変更できます。

 

 

photofiltre画像圧縮

 

上記はphotofiltreのものです。保存する際に圧縮比率を聞いてきます。

 

 

PicPickの画像圧縮

 

↑こちらは私がずっと利用しているPicPickキャプチャソフトの画像圧縮設定。
キャプチャと同時に設定した比率で画質を圧縮してくれますので、そのまま素材として使えるので楽ちんです。
これは有料ソフトで3,000円くらいするものですが、凄く助かっています。

 

基本的には90%の圧縮比率に設定していますが、「この商品画像は綺麗に見せたい!」という場合は圧縮無しにしたりと、使い分けています。

 

 

このエントリーをはてなブックマークに追加  

 

 

管理人マナ画像右

 

今回のページのように大きい画像を沢山使用する場合は、なるべく画像を圧縮した方が良いです。
画像の読み込みが遅すぎて、訪問者にページ内容が読まれる前に閉じられることを防げるし、上位表示SEOアップにもなります。


【管理人マナからの告知】
今ならほとんどの商品で新作テンプレが使える!申込期限は2017年8月31日中迄!
シリウス特典カスタムテンプレートB広告

新作はお陰様で大好評頂いております!期間限定でキュート版配布中! SIRIUS特典テンプレートfinegrandバナー

関連ページ一覧

購入者様専用(パスワード制)

今後このシリウスカスタマイズカテゴリ情報等はパスワード閲覧方式に致します。当サイトからのご購入者様で、購入時に発行しているメールマガジンにご登録頂いている方にはパスワードを発行しております。閲覧の際に入力のうえ、ご利用ください。

続きを読む

リンクを凹ました感じに見せる方法 | SIRIUSカスタマイズ

SIRIUSでリンクを凹ます

当SIRIUS紹介ホームページでも取り入れていますが、リンクが付いている文字列や画像の上にマウスカーソルをあてると下に動いて凹んだ感じに見えます。「リンクを押してる!」という感じを与える効果があります。その方法をご紹介します。スタイルシート...

続きを読む

マウスオーバー時に画像リンクの色を薄くする方法 | SIRIUSシリウスカスタマ...

SIRIUSで画像リンク色を薄く

当ホームページの画像リンクは、マウスカーソルを当てると画像が白っぽい色に変わります。この効果は訪問者に「この画像はリンクが貼ってあるんだ」という印象を与える効果があります。これも簡単なカスタマイズで可能です。スタイルシートに書き加えるSIR...

続きを読む

マウスオーバー時に画像を変える方法 | SIRIUSシリウスカスタマイズ

SIRIUSでマウスオーバー時に画像を変更

SIRIUSシリウスでマウスオーバー時に画像を変える方法を説明します。(ロールオーバーと言います)下に貼り付けた2つの画像はこのページにリンクを貼った画像ですが、マウスカーソルを載せる(マウスオーバー)と画像が変わるように工夫しています。右...

続きを読む

フリースペースを増やす方法1 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスフリースペースを追加する

2カラムテンプレートのフリースペースを通常の4個から6個へ増やす方法をご紹介します。フリースペースを多く設けることでプロフィール欄や広告欄としての活用スペースが広がります。    HTMLテンプレートに書き加えて編集SIRIUS編集画面の上...

続きを読む

フリースペースを増やす方法2 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスフリースペースを追加するその2

フリースペースを増やす方法をもう一つご紹介します。(2カラムテンプレートのフリースペースを増やす方法その1はこちら)この方法ではHTMLテンプレートを編集する必要は無いので、簡単に出来ます。通常のフリースペース記述画面でタグを打ち込むSIR...

続きを読む

更新履歴の位置を変更したり消去する方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウス更新履歴サムネイル

SIRIUSシリウスの更新履歴表示は、デフォルト設定ではトップページの下部に表示されます。HTMLを少しカスタマイズすることで、これを上部に持っていくこともできます。SIRIUSシリウストップページの更新履歴表示場所の変更方法上部リボンバー...

続きを読む

クラス設定でHTMLをスッキリ! | SIRIUSシリウスカスタマイズ

SIRIUSシリウスHTMLクラス設定

SIRIUSシリウスにはクラス設定機能があります。クラス設定とは、スタイルシートでspanで設定してから、タグ入力を簡略化するためのものです。HTMLファイルはなるべく簡素化した方が見やすく、ページの読み込みスピードも速くなる為、検索エンジ...

続きを読む

グーグルアナリティクスを導入する | SIRIUSシリウスカスタマイズ

グーグルアナリティクスロゴ

自分のホームページやサイトにどのくらいアクセスがあったか、訪問者がどんなページを見ているか等を解析する「アクセス解析」を導入しましょう。いろんなアクセス解析サービスがありますが、中でも1番使われているのが「グーグルアナリティクス(Googl...

続きを読む

意外と知られていないプレビュー機能 | SIRIUSシリウス小技

SIRIUSシリウスプレビュー

SIRIUSシリウスでサイト作成を作り続けていると、レイアウトが気になってよくプレビューをします。すると、ブラウザのタブがいつの間にか凄い数に増えてしまいます。「このタブの無限増殖、なんとかならない?」と感じている人の悩みを一発で解消する機...

続きを読む

canonical属性を付加する方法 | SIRIUSシリウスカスタマイズ

4アドレスcanonicalタグ

2009年にグーグルが導入したcanonical属性というものがあります。これはURLを正規化して検索エンジンに迷わせない目的の為のものです。グーグルウェブマスターツールでも公式説明が掲載されているので参考にしてみてください。→Google...

続きを読む

画像を圧縮軽量化してサイト表示スピードを速くする | SIRIUSシリウス小技

重い画像

画像の多いページを開くと、表示スピードが遅くて待つのがイヤだな~と感じた経験はありませんか?PCスペックが高くなってネット回線が速くなったとはいえ、大きくて重い画像が多いサイトだと見る側にとっては不便さを感じてしまいます。さらに、グーグル側...

続きを読む

スマホと携帯サイトでこれは気を付けよう | SIRIUSシリウス小技

SIRIUSスマホサイト更新履歴サムネイル

SIRIUSシリウス上位版ではスマートフォン用サイト自動生成機能が使えます。画像やその他のサイズも自動でスマホ用に自動最適化されるので、素晴らしい機能です。しかし、訪問者にとって必要な「ある表示」が自動で出来ない欠点を持っています。SIRI...

続きを読む

ソーシャルボタンを追加・設置する方法 | SIRIUSシリウス小技

SIRIUSソーシャルネット

SIRIUSシリウスに「はてなブックマーク」「グーグル+1ボタン」を設置する方法です。SIRIUSシリウスがバージョンアップされて、ソーシャルボタンは「イイネ+ツイート」ボタンを設置する事ができるようになりました。しかし多くのサイトでは加え...

続きを読む

ページの前後に自動でソーシャルボタンを挿入する方法 | SIRIUSシリウスカス...

SIRIUSソーシャルアイコン

ソーシャルボタンを1ページごとに挿入するのは面倒という人は、今回紹介する方法を試されてはいかがでしょうか。前回の記事:「ソーシャルボタンを増やす方法」で作成したソーシャルボタンモジュールを応用すれば、ページに簡単にソーシャルボタンを自動挿入...

続きを読む

SIRIUSシリウスにメールフォームを作る方法 | SIRIUSシリウス小技

SIRIUSシリウスメールフォーム

SIRIUSシリウスに無料でメールフォームを設置してみます。なお、以前使っていたphp工房で入手できるメールフォームプラグラムは、phpバージョンの変更とiOS(iPhoneのOSバージョン)の進化で使えなくなってしまいました。ですので、2...

続きを読む

SIRIUSビジネステンプレートのドット柄を消す方法 | SIRIUSシリウスカ...

シリウスビジネステンプレート

SIRIUSシリウスのビジネステンプレートはデフォルトでヘッダー横にドット柄が入っています。これを消してスッキリ見せる方法をご紹介します。スタイルシートを編集します今回は簡単、スタイルシートを1か所編集するだけです。SIRIUSシリウス上部...

続きを読む

SIRIUSシリウスで行間を変更する方法 | SIRIUSシリウス小技

SIRIUSシリウスの行間

SIRIUSシリウスの文字行間を変更する方法をご紹介します。超簡単ですのであっという間に終わってしまいます。SIRIUSシリウスのデフォルト行間はこのくらいSIRIUSシリウスデフォルトの行間はこのくらいです。フォントサイズで見え方が違いま...

続きを読む

ページタイトルと表示されるタイトルを変える方法 | SIRIUSシリウス小技

シリウスのタイトル付け編集

ページタイトルと表示されるタイトルを変える方法です。シリウスでは超簡単に設定できるので、まだ活用していない人はチェックしてみてください。もうちょっと具体的に・・・「ページタイトルと表示されるタイトルを変える」というのを具体的に説明します。こ...

続きを読む

シリウスのサイトにフェイスブックコメント欄を設置する方法 | SIRIUSシリウ...

シリウスにフェイスブックコメント

このホームページでも使っていますが、シリウスのサイトにコメント機能を設置する方法をご紹介します。facebookのコメント欄になってしまうのですが、現在利用者は多いことと、誰でも簡単に設置できることから利便性は高いと思います。こんなコメント...

続きを読む

画像やボタンにアフィリエイトリンクを貼る方法 | SIRIUSカスタマイズ

シリウスアフィリエイトリンクタグ画像

SIRIUS(シリウス)で画像にアフィリエイトリンクを貼る方法です。今回の説明では、A8.netからアフィリリンクを取得した方法をご紹介します。画像やボタンの用意アフィリエイトリンクを貼りたい画像を用意しましょう。今回はSIRIUS(シリウ...

続きを読む

ビジネステンプレート上部にロゴ画像を差し込む方法 | SIRIUSシリウスカスタ...

シリウスロゴ差し込み

SIRIUS(シリウス)ビジネステンプレートの上部にロゴ画像を差し込む方法です。ビジネス向けのサイトの場合会社のロゴに社名を入れていたり、趣味やアフィリエイトサイトでもサイトテーマのロゴとサイトイトルを入れているページを見かけます。もしロゴ...

続きを読む

簡単!シリウスにメールフォームを作る方法 | SIRIUSシリウス小技

以前SIRIUSシリウスにメールフォームを作る方法を紹介していますが、もっと簡単にSIRIUSシリウスにメールフォームを設置する方法をご紹介します。→こんなメールフォームです。無料で超簡単なかわりに広告が入ってしまいますが、有料にバージョン...

続きを読む

スマホサイトにソーシャルボタン設置を忘れるな | SIRIUSシリウスカスタマイ...

SIRIUSシリウススマホサイト作成

SIRIUSシリウス使用者は上位版ユーザーが9割に上ります。スマホでネット見る人増えていますしね。ブログやサイト運営者で無い限り、家でPCを触る人は年々減少傾向です。だからこそ、スマホや携帯サイトなどのモバイルサイトに、ソーシャルボタン設置...

続きを読む

指定したページだけに特定のスタイルを割り込ませる方法 | SIRIUSシリウスカ...

SIRIUSシリウス上級設定

「 SIRIUS(シリウス)であるページだけ、マウスオーバーした時に画像が白っぽくなるようにしたいんです 」というお問い合わせがありました。なるほど、そういう風にしたい人もいるんですねと思い、方法を記載しておきます。シリウスの上級者向け設定...

続きを読む

スタイルシートで変えられない色を変える方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウススタイルシート0

私のSIRIUSシリウスサイト閲覧してくださっている方から質問があったので、返答としてやり方をアップします。SIRIUSシリウスでは文字やちょっとした背景の色等は、スタイルシートでの変更が可能です。しかし、画像をはめ込んでいる部分はスタイル...

続きを読む

シリウスSIRIUSにFeedlyボタンを設置する方法 | SIRIUSシリウス...

シリウスにFeedlyボタンを設置しようサムネイル

RSSリーダーとしてメジャーだったGoogleリーダーが終了しました。その代りにFeedly利用者が増えています。今日から当サイトにもFeedlyボタンを設置しました。今回のSIRIUSシリウスカスタマイズでは、以下の解説を行います。RSS...

続きを読む

シリウスにRSSボタンを設置する方法 | SIRIUSシリウスカスタマイズ

シリウスにRSSボタンを設置する方法

SIRIUSシリウスにRSSフィードボタンを設置する方法を解説します。当サイトのサイドメニューにも設置しています。Feedlyが流行しつつあるとはいえ、RSSリーダーを使用している人はまだまだ多いものです。スマホのRSSリーダーも未だ多く...

続きを読む

シリウスSIRIUSでaltタグ(アルトタグ)の使い方 | SIRIUSシリウス...

SIRIUSシリウスでaltタグを使う

SIRIUS(シリウス)で画像を挿入する時に、altタグを挿入する部分が1番上に出てきます。この部分、ちゃんと入れてますか?楽して横ボタンのMETAキーワードのボタンを押しクリックしちゃいけませんよ。altタグのSEO効果検索エンジンは日々...

続きを読む

SIRIUSシリウスで画像メニューを作成 | SIRIUSシリウス小技

シリウス(SIRIUS)で画像メニューを作成1

SIRIUSシリウスのサイトでたまに見かける画像メニュー作成方法を解説します。シリウスに慣れたら挑戦してみてはいかがでしょうか。このコンテンツ詳細はシリウス・ルレア・バナープラス購入者会員専用ページへ移動しました。画像メニューを使うことで、...

続きを読む

シリウスにツイッターを設置・連携する方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスとツイッター連携貼り付け

SIRIUSシリウスにツイッターウィジェットを設置する方法です。当ホームページにも今日からサイドバーに設置してみました。簡単ですので、ホームページ・サイトとツイッターの相性が良ければ設置してみてはいかがでしょうか。訪問者様との双方向の交流が...

続きを読む

シリウスで記事途中に飾り枠を入れる方法 | SIRIUSシリウスサイト作成

SIRIUSシリウスでサイト記事1~10の使い方

SIRIUS(シリウス)の記事作成画面、右側にある、「記事1~記事10」の使い方、記事の途中に飾り枠を入れる方法を解説します。この使い方、意外と悩まれる人が多いようなので今回シェアしておきます。記事の途中に飾り枠を入れる方法、例えばこうです...

続きを読む

シリウスで関連ページ一覧を消す&表示方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスでカテゴリページ一覧を消す

先日、当SIRIUS(シリウス)サイトにこんな質問を頂きました。「カテゴリ内にエントリページを30ページ作りました。30ページ全てに同じキーワードが入っているので、スパム判定されないか心配です。この一覧部分を消す方法はありませんか?SIRI...

続きを読む

シリウスでヘッダー画像にトップへのリンクを貼る方法 | SIRIUSシリウスカス...

SIRIUSシリウスのヘッダー画像部にトップページへのリンクを貼る方法

SIRIUS(シリウス)でヘッダー画像にトップページへ戻るリンクを貼る方法をご紹介します。⇒ヘッダーにトップページリンクを貼ったテストサイトユーザビリティ向上を考える方はトップページリンクを貼っても良いと思います。グローバルメニューにわざわ...

続きを読む

シリウス(SIRIUS)で自動ループする画像の設置方法 | シリウスSIRIUS...

シリウス(SIRIUS)自動ループサムネイル

※こちらはマナからの購入者様専用サイトにて、設置方法を公開しています。ビジネスや企業サイトで上記のような切り替わり画像を見たことがありませんか?実はシリウス(SIRIUS)でも設置出来ます。これを利用して、ビジネス・企業向けホームページサン...

続きを読む

シリウスでスマホ専用サイトの作成方法 | シリウスSIRIUS小技

シリウススマホサイト作成方法

シリウス(SIRIUS)でスマホサイトを作成する方法をシェアしておきます。iPhoneサイト自動生成のことではなく、PCで見た時でもスマホサイトが表示されるようにするサイトを構築する方法です。私がシリウスでスマホ専用サイトに処理したサンプル...

続きを読む

シリウスでフッターにリンクを追加する方法 | シリウスSIRIUSカスタマイズ

シリウスフッターリンク設置方法

シリウス(SIRIUS)でサイト下の部分のフッターに、リンクを追加する方法をシェアしておきます。編集 → HTMLテンプレートを開きます。「★フッターここから~~~フッターここまで★」の部分を探します。上記の場所に、リンクタグを挿入して保存...

続きを読む

シリウスの特定ページにnoindexタグを挿入する方法 | SIRIUSシリウス...

シリウス特定ページnoindex挿入

SIRIUS(シリウス)での特定のページにnoindexタグ、noarchiveタグ等を挿入する方法をシェアしておきます。同じドメインサイト内に質の低いページや同じような内容のページがある場合、SEO上ではマイナス要素になる場合があります。...

続きを読む

シリウスでテーブルの幅や位置を調整する方法 | SIRIUSシリウスカスタマイズ

SIRIUSシリウスでテーブル幅と位置調整方法

シリウス(SIRIUS)のテーブル機能で、テーブルの横幅と位置を調整する方法をご紹介します。通常、シリウスでテーブルを挿入するとカラム横幅いっぱいに表示されてしまいます。これを好みの幅や位置に合わせたい方もいるようですので、やり方をシェアし...

続きを読む

シリウス新バージョンのレビュー | SIRIUSシリウスカスタマイズ

シリウス(SIRIUS)バージョン1.200レビュー

2015年5月31日、シリウス(SIRIUS)はスマホ対策を強化するバージョンアップを行いました。バージョンアップ内容は以下のとおり。iPhoneサイト設定にMobileLinkDiscoveryの設定項目を追加テンプレート、および共通ファ...

続きを読む

シリウスサイト引っ越し301リダイレクトをする方法 | シリウスカスタマイズ

シリウス(SIRIUS)301リダイレクト

シリウス(SIRIUS)で作ったサイトから他のサイトへの引っ越しをする際、301リダイレクトという方法があります。例えば以前のサイトが上位表示していた場合、新しいサイト引っ越しをする際に、301リダイレクトをすることで前のサイトから新サイト...

続きを読む

シリウスビジネステンプレートロゴ画像を高さ100pxまで変更する方法 | シリウ...

シリウス(SIRIUS)ビジネステンプレートロゴ高さ変更

シリウス(SIRIUS)ビジネステンプレート上部のロゴ画像の高さを変更して、最大100pxまで使用する方法です。今回の方法はご購入者様からご質問があったカスタマイズです。一応やり方をシェアしておきます。ロゴ画像を100pxのものに変更シリウ...

続きを読む

シリウスの記事コンテンツ背景を変更する方法 | シリウスカスタマイズ

シリウス(SIRIUS)記事コンテンツ背景を変更する方法1

今回のサイト作成ソフト「シリウス(SIRIUS)」カスタマイズでは、記事コンテンツ部の背景を変更して、イメージをガラリと変える方法をご紹介します。シリウス(SIRIUS)の場合、コンテンツ背景部分は白の一色のみですが、この方法を使えば黒にし...

続きを読む

シリウスのサイトにyoutube動画を貼り付ける方法 | シリスウソフトネタ

シリウス(SIRIUS)サイトにYoutube動画を貼り付ける方法

購入者様からの質問コーナーです。シリウス(SIRIUS)のサイトにYoutube動画を貼り付ける方法です。シリウス問わず、WordPressなどのHTMLサイト全てに利用できる方法です。youtube側の仕様がコロコロ変わってしまう為、20...

続きを読む

SIRIUS(シリウス)に画像貼り付けの小技 | シリウスカスタマイズ

シリウス(SIRIUS)画像貼り付けの小技1

岩手盛岡の専業アフィリエイター(&ちょっとブロガー)の@マナです。SIRIUS(シリウス)に画像貼り付けるちょっとした小技をご紹介します。知ってる人は多いと思うんですが、念のためご紹介。知ってたらちょっと便利になるかもしれない画像貼り付け小...

続きを読む

シリウスのクロスリンクを無効化する方法 | SIRIUSシリウスカスタマイズ)

シリウス(SIRIUS)クロスリンク無効

シリウスのクロスリンクを無効化する方法をご紹介します。グーグルがかしこくなりつつあるので、シリウスのクロスリンク手法はもはや廃れたと言って良いと思います。自動的に自サイトに貼られるリンクが低品質なものが多いので、今後はほかの方法で被リンクを...

続きを読む

シリウスでcanonicalタグ使い方おさらい | シリウスカスタマイズ

シリウスcanonicalタグ使い方

 先日当サイトにcanonicalについてのお問い合わせがありました。canonicalについては私も100%の理解ではないかもしれませんが、知り得る限りで情報をシェアしたいと思います。1.シリウスのサイトオプションで設定できるwww有り無...

続きを読む

シリウスであまり知られていない内部構造改善対策 | シリウスカスタマイズ

シリウスカスタマイズ特典

今回のシリウスカスタマイズ記事は、特典用の会員専用にしていないので、誰でも見ることができます。久々の更新ですのでサービスです。では早速本題。シリウス(SIRIUS)はサイト作成を効率的に行える素晴らしいソフトなんですが、内部構造は特に気にし...

続きを読む

Monputiテンプレの効果的、かもしれない使い方1 | シリウスカスタマイズ

Monputiテンプレの効果的な使い方1

先日シリウスであまり知られていない内部構造改善対策でH2とH3の使い方を軽く説明したのですが、私の説明力不足で意図が伝わりにくかったようですので補足します。シリウスのデフォルト構造Monputiテンプレでは、記事2~記事10のタイトル部はH...

続きを読む

SIRIUSシリウス記事の途中に自動でアドセンスを入れる方法 | シリウスカスタ...

シリウスにアドセンスを設置する方法

こんにちは、岩手盛岡のアフィリエイター@マナです。SIRIUS(シリウス)はサイトアフィリエイトに向いている手法ですが、サイトによってはブログのように利用してアドセンスを貼っている方もいます(私もですが)WordPressには、moreタグ...

続きを読む

ドロップボックスを利用してシリウスを複数PCでデータ共有する | シリウスカスタ...

ドロップボックスでシリウスデータ共有

ドロップボックスにシリウス(SIRIUS)をインストールする方法と注意点をご紹介しておきます。ドロップボックスにシリウスをインストールするメリットドロップボックスというオンラインクラウドストレージサービスがあります。ドロップボックスにシリウ...

続きを読む

シリウス追加テンプレートのサイドバー幅変更方法 | シリウスカスタマイズ

シリウス追加テンプレートのサイドバー幅変更方法

今日はシリウス追加テンプレートの発売日でした。今回のテンプレートはランキング機能に対応、レスポンシブウェブ対応、テーマも6種類と充実しているだけあって、多くの方が購入されたと思います。・・・が!!!シリウスのサイドバー幅は相変わらず「狭い」...

続きを読む

シリウスデフォルトテンプレートのサイドバー広げ方 | シリウスカスタマイズ

デフォルトテンプレートのサイドバー広げ方

このカスタマイズ方法は、当サイトでの紹介商品購入者様専用カテゴリーで公開しています。シリウスデフォルトテンプレートの、サイドバー広げ方に対する質問があまりに多い為、やり方を公開することにします。やり方を公開したところで結構面倒で時間もかかる...

続きを読む

このサイトを作るときにやったこと | シリウスカスタマイズ

当コンテンツは、当サイトでの購入者様会員専用です。このコンテンツでは、当サイトを作るときの案出し注意点ライバル調査構築上気を付けたこと作りかたなどを書いてみました。⇒会員専用の方はこちらでご覧になれます。カスタマイズ講座専用のIDとパスワー...

続きを読む

シリウス追加テンプレートで画面の拡大縮小(ピンチイン・アウト)を実装する方法 |...

シリウス追加テンプレートのスマホ画面拡大縮小(ピンチイン・アウト)設定方法

 シリウス追加テンプレートが限定発売・終了されて、そろそろサイトに実装される人も増えてきたかと思います。このテンプレートはレスポンシブ対応ですが、の初期設定だとスマートフォンで見た時に、親指と人差し指で操作する画像の拡大縮小(ピンチイン・ア...

続きを読む

シリウスランキング機能のアフィリリンクにどのタグを入れるか | シリウスカスタマ...

先日あった当サイトへの質問。質問者:Yさんシリウスのランキング機能を使おうとしているのですが、URL部分にはA8ネットで生成されるアフィリエイトリンクのどれを入れれば良いのでしょうか?言われてみれば確かに。どのASPでも生成されるアフィリエ...

続きを読む

シリウスにスライダー(BxSlider)を実装する方法 | シリウスカスタマイズ

シリウスにBxSliderを実装するカスタマイズ

シリウスにBxSliderプラグインを用いて、スライダーをリンク付きで実装する方法です。トニーさんの酵素ダイエットサイトでスライダーインパクトがとても面白かったので、シリウスで初心者でも簡単に実装出来るようにちょっと工夫しました。※2014...

続きを読む

シリウスにサムネイル付BxSliderを実装する方法 | シリウスカスタマイズ

※こちらのカスタマイズも会員専用でご紹介しております。前回、シリウスにBxSliderを表示させる方法をご紹介しましたが、今回はその下にサムネイルを表示させる方法です。サムネイルをクリックすると、その画像にスライドするようになっています。$...

続きを読む

シリウス(SIRIUS)でアドセンスや広告を左右横並び貼る方法 | シリウスカス...

シリウス(SIRIUS)購入者様からの質問&解決をシェアしておきます。先日、シリウスBテンプレをダウンロードさせていただき、それを使ったサイトの「メインカラム下」のフリースペースに、googleアドセンスの『300×250レクタングル』を横...

続きを読む

グローバルメニューが2段(2列)になる場合の対処法 | シリウスカスタマイズ

シリウス(SIRIUS)のよくある質問で、グローバルメニューを6個にしたら、プレビュー画面では1段(1列)になっているのに、アップロードしてサイトをチェックしたら2段(2列)になってしまいます。というものがあります。私も過去にこの現象で困っ...

続きを読む

SIRIUSスマホサイトの文字サイズ(フォントサイズ)を変更する方法 | シリウ...

SIRIUS(シリウス)スマホサイト文字サイズ変更方法

SIRIUS(シリウス)上位版では、PCサイトを簡単にスマホサイト(iPhoneサイト)に変換できる機能があって便利です。しかし、サイトオプションで変更できる文字サイズはPCサイト用だけであり、スマホ用のサイトはCSSファイルを手動で弄る必...

続きを読む

スマホサイトにパスワードをかける方法 | シリウスカスタマイズ

シリウススマホサイトにパスワードをかける

シリウス(SIRIUS)ご購入者様からの質問です。【質問内容】シリウススマホサイト同時生成をした場合の、パスワードによるアクセス制限を行いたいです。ロリポップだとPCサイトには簡単にパスワード設定をかけられましたが、スマホから閲覧すると上手...

続きを読む

シリウス(SIRIUS)でも「スマホ対応」表示に問題は無し | シリウスカスタマ...

シリウスSIRIUSのグーグル検索スマホ対応表示

Googleは、スマホ対応しているかどうかをモバイル検索のランキング要因として使用することを発表しました。4月21日からの導入を予定しています。またApp Indexingに対応したアプリコンテンツもランキング要因として利用するようにしまし...

続きを読む

シリウス(SIRIUS)のモバイルユーザビリティエラーについて状況と対処 | シ...

シリウス(SIRIUS)のスマホサイト(iPhoneサイト)について、「モバイルユーザービリティによる警告が来た!」「スマホ対応表示がされない!」という人がいるようです。現時点での状況と考えられる対処策をまとめてみます。サイトやテンプレート...

続きを読む

シリウス(SIRIUS)のスマホサイト作成で便利な技と注意点 | シリウスカスタ...

グーグルが2015年4月21日から、スマホ対応してないサイトの検索順位を下げる方針を発表しました。ここで1度シリウス(SIRIUS)でのスマホサイト関係の機能をおさらいしておきます。シリウスSIRIUS通常版の人これからはスマホ対応は必須に...

続きを読む

シリウス(SIRIUS)レスポンシブテンプレートのサイドバー幅変更調節方法 | ...

シリウス(SIRIUS)公式レスポンシブテンプレートのサイドバー幅変更調節

2015年4月14日にシリウス(SIRIUS)公式側で、誰もが利用できるレスポンシブテンプレートを配布しました。このテンプレートのサイドバー幅を変更・調節する方法をご紹介します。例:今回はサイドバー幅を250pxに変更デフォルトのシリウスレ...

続きを読む

シリウス(SIRIUS)でYoutube画像埋め込みのレスポンシブ化 | シリウ...

シリウス(SIRIUS)でYoutube動画を埋め込む際、埋め込みコードには幅と高さが指定されてしまっているので、通常のテンプレート、レスポンシブやスマホサイトにした場合に動画の幅がコンテンツからはみ出てしまいます。今回はあるカスタマイズを...

続きを読む

SIRIUSのモジュール機能の使い方と活用方法 | SIRIUSカスタマイズ

意外と使いこなされてないSIRIUSの便利機能の一つに「モジュール機能」があります。特にサイト作成・アフィリエイト初心者の場合は「モジュール機能?どうやって使うの?」と思われるでしょう。使い方・用途をしっかり理解すれば、すっごく便利でサイト...

続きを読む

SIRIUSのブラウザ(chrome)プレビューが遅い場合はFirefoxに変え...

最近SIRIUSのプレビュー表示が遅くなりました。ブラウザはグーグルクロムを使っています。何か対処法は無いでしょうか?プレビューのブラウザをFirefoxに変更すれば解決されると思います。SIRIUSもレスポンシブウェブ対応テンプレートが出...

続きを読む

SIRIUSの作業効率を上げる便利なショートカットキー | SIRIUSカスタマ...

意外と知られていないんですが、次世代型サイト作成システムSIRIUSではショートカットキーを利用することができます。SIRIUSのショートカットキー一覧ショートカットキー動作F1キー『ヘルプ』を表示するF2キー『サイト全体設定』を表示するF...

続きを読む

SIRIUSで特定のページを1カラムにする方法 | SIRIUSカスタマイズ

2カラムテンプレートを使っていて、特定のページだけを1カラムページにする方法です。これも意外と知らないSIIRUSユーザーがいるので、やり方を説明しておきます。fine&grandテンプレートの説明書サイトで1カラムのデモページを作ってあり...

続きを読む

SIRIUSレスポンシブで画像の横並びをスマホサイトで解除する方法 | SIRI...

SIRIUSはアフィリエイトバナーや画像を横並べにする場合、「レイアウト枠」機能が便利です。2つ横並べするなら、50%&50%で区切って、「左列はここから~ここまで」と、「右列はここから~ここまで」の間に画像やバナータグを置けば、それで簡単...

続きを読む

SIRIUSでトップページだけ簡単に1カラムにする方法 | SIRIUSカスタマ...

マナです。次世代型サイト作成システム「SIRIUS」で、『トップページだけ1カラムに、他のページは2カラムにしたい!』と思ったことはありませんか?先日、偶然にも簡単に1カラムにカスタマイズ出来る方法を見つけましたのでご紹介します。SIRIU...

続きを読む

SIRIUS(シリウス)でページごとにヘッダー画像を別々に表示させる方法 | S...

SIRIUSで作るサイトはページごとにヘッダー画像を別々のものに変えることができます。ですがレスポンシブウェブテンプレートの場合は、HTMLのカスタマイズが必要になります。通常のSIRIUSテンプレートの場合まずは通常のテンプレートの場合で...

続きを読む

SIRIUSでの作成サイトが増えた時に役立つフォルダ分け整理方法 | SIRIU...

こんにちは。岩手県のアフィリエイター@マナです。当サイトからのご購入者さんから「サイトが増えた場合のフォルダ分けってどうやるんですか?」とご質問頂きました。「あれ、そういえばフォルダ分けなんてしたことない・・確かできるはずだよな」と思い、や...

続きを読む

ワードプレスサイトの下層にSIRIUSのページやサイトをアップロードする方法 |...

こんにちは。岩手県のアフィリエイター@マナです。ご購入者様から「ワードプレスで作ったブログ(サイト)と同一ドメインの下層にSIRIUSで作ったサイトやページをアップロードしたい」というご質問を頂いたので、解説してみたいと思います。ワードプレ...

続きを読む

SIRIUSで同一階層にページを生成する方法 | SIRIUSカスタマイズ

こんにちは、岩手のアフィリエイターです。SIRIUS(シリウス)には記事のサイト生成を全て同一階層にできる方法があります。サイトオプション > ファイルに関する設定 > 各ファイルの生成先ファイルを、「全て同一階層に生成」をするだけでOKで...

続きを読む

SIRIUSのカテゴリーページ一覧をタイトルだけにする方法 | SIRIUSカス...

こんにちは、岩手のアフィリエイターです。SIRIUS(シリウス)でカテゴリーページトップの記事一覧表示は、通常だとこんな感じで、サムネイル画像+説明文で下に長くなります。ですが、ちょっとしたカスタマイズをほどこすことで、このようにカテゴリー...

続きを読む

SIRIUS(シリウス)のサイトをSSL化・301リダイレクトする方法

こんにちは、岩手のアフィリエイターです。SIRIUS(シリウス)のサイトをSSL化(URLをhttpsに)する方法httpからhttpsのURLに301リダイレクトする方法httpsのURL正規化今回は↑この3つをご紹介します。手持ちの5サ...

続きを読む

SIRIUS(シリウス)のサイト・ホームページ内でブログを作って運営する方法 |...

SIRIUS(シリウス)でサイト・ホームページを作って、さらにその中でブログも運営したいと思っています。どのような方法があるでしょうか?SIRIUSのサイト(ホームページ)内でブログを作って運営する方法は4通りあります。サイト(ホームページ...

続きを読む

最初からSSL化してSIRIUSで新規サイトを作る方法 | SIRIUSカスタマ...

こんにちは、岩手のアフィリエイターです。グーグルさんが「SSL化をサイト評価に加えていくよ」とアナウンスしたことで、サイトをSSL化する人が増えてきました。これからは新規サイトは全て最初からSSL化して作っていった方が後々良いと思われるので...

続きを読む

SIRIUSにグーグルマップを設置する方法 | SIRIUSカスタマイズ

こんにちは、岩手のアフィリエイターです。SIRIUSにグーグルマップを設置する方法をご紹介します。なお、iPhoneサイト同時生成をしている場合と、レスポンシブテンプレートを使われている場合は、スマートフォンで適切な大きさで表示させるために...

続きを読む

SIRUSでカテゴリーごとに違う広告を掲載する方法 | SIRIUSカスタマイズ

こんにちは、岩手のアフィリエイターです。「カテゴリーごとに別々の広告を掲載したいのです」とご相談がありましたが、SIRIUSにはそれに適する機能がありません。他のやり方を考えてみました。モジュール機能を使ってカテゴリーごとに別広告を設置する...

続きを読む


SIRIUSの機能解説 限定特典ご案内 限定特典付き購入方法 カスタマイズ&小技 アフィリエイトログ