画像を圧縮軽量化してサイト表示スピードを速くする画像サイズを軽量化してSEO&ユーザビリティをアップする画像の多いページを開くと、表示スピードが遅くて待つのがイヤだな~と感じた経験はありませんか?PCスペックが高くなってネット回線が速くなったとはいえ、大きくて重い画像が多いサイトだと見る側にとっては不便さを感じてしまいます。グーグル側のサイト評価基準では「サイトの表示速度」も関係しています。画像データはできるだけ軽くした方が望ましい状況です。「じゃぁ画像の大きさや画質そのままで、画像容量を軽くできないのか?」と聞かれそうですが、簡単に出来ます。ある程度までいくと画像が荒れてきてしまうという問題があります。サンプルの元画像です。細かい描写も美しく見れますね。美しい画像と引き換えに、画像容量は195KBもあります。画像容量の圧縮検証です。PhotoFiltreでは画像を保存する時に画像を圧縮するか聞いてきます。10%刻みで0~100%の10段階で簡単に変更出来ます。今回は元画像を90%~10%に圧縮した画像を貼り付けています。容量97.4KB元画像より100KBも軽くなりましたが、見た目はあまり変わらないように感じます。明るさが少し増加したような感じです。容量51.2KB70%。きれいに見える段階かなと。容量41.6KB60%。ここまできてもまだまだいけそうですね。容量35.5KB50%。左下の枝木が荒れて見えますね。容量10.4KB10%。ここまでくるとさすがに荒れ放題ですね。画像下に書かれた文字も何だかわからない状態です。圧縮すると明るい画像ほど荒れて見えやすいご覧頂いた通り、暗い画像はそうでもないですが、圧縮していくにつれて明るい部分ほど荒れて見えにくくなります。90%にしても大幅に容量ダウン出来ます。画像が重すぎると感じた場合、基本的には70%~90%でも見る側にとっては元画像と違和感は無いと思われます。ちなみに、画像編集ソフトによって同じ圧縮かけても画像の仕上がりには差が出ます。Windowsに入っているペイントは圧縮は出来ませんが、縮小すると他のソフトの縮小仕上がりよりも荒れた画像になってしまいます。キレイに縮小+拡大+圧縮したいのであれば縮小専用+拡大専用という無料ソフトがオススメです。他にも、フォルダごと一括してまとめてリサイズや画像圧縮する場合は、「リサイズ超簡単Pro」も使います。1つお勧めはPhotoFiltreやWinshotですね。これらはキャプチャした画像の圧縮率を簡単に変更できます。上記はphotofiltreのものです。保存する際に圧縮比率を聞いてきます。↑こちらは私がずっと利用しているPicPickキャプチャソフトの画像圧縮設定。キャプチャと同時に設定した比率で画質を圧縮してくれますので、そのまま素材として使えるので楽ちんです。これは有料ソフトで3,000円くらいするものですが、凄く助かっています。基本的には90%の圧縮比率に設定していますが、「この商品画像は綺麗に見せたい!」という場合は圧縮無しにしたりと、使い分けています。今回のページのように大きい画像を沢山使用する場合は、なるべく画像を圧縮した方が良いです。画像の読み込みが遅すぎて、訪問者にページ内容が読まれる前に閉じられることを防げるし、上位表示SEOアップにもなります。購入者様専用(パスワード制)今後このシリウスカスタマイズカテゴリ情報等はパスワード閲覧方式に致します。当サイトからのご購入者様で、購入時に発行しているメールマガジンにご登録頂いている方にはパスワードを発行しております。閲覧の際に入力のうえ、ご利用ください。SIRIUSカス...東北で法人アフィリエイト事業、ウェブマーケティング事業を行っているです。Ver1.5以降の新ビジネステンプレートにて、ヘッダー画像を複数枚ループさせるカスタマイズをご紹介します。SIRIUSカスタマイズ当SIRIUS紹介ホームページでも取り入れていますが、リンクが付いている文字列や画像の上にマウスカーソルをあてると下に動いて凹んだ感じに見えます。「リンクを押してる!」という感じを与える効果があります。その方法をご紹介します。SIRIUSシリウスカスタマ...当ホームページの画像リンクは、マウスカーソルを当てると画像が白っぽい色に変わります。この効果は訪問者に「この画像はリンクが貼ってあるんだ」という印象を与える効果があります。これも簡単なカスタマイズで可能です。SIRIUSシリウスカスタマイズSIRIUSシリウスでマウスオーバー時に画像を変える方法を説明します。(ロールオーバーと言います)下に貼り付けた2つの画像はこのページにリンクを貼った画像ですが、マウスカーソルを載せる(マウスオーバー)と画像が変わるように工夫しています。SIRIUSシリウスカスタマイズ2カラムテンプレートのフリースペースを通常の4個から6個へ増やす方法をご紹介します。フリースペースを多く設けることでプロフィール欄や広告欄としての活用スペースが広がります。SIRIUSシリウスカスタマイズフリースペースを増やす方法をもう一つご紹介します。(2カラムテンプレートのフリースペースを増やす方法その1はこちら)この方法ではHTMLテンプレートを編集する必要は無いので、簡単に出来ます。SIRIUSシリウスカスタマイズSIRIUSシリウスの更新履歴表示は、デフォルト設定ではトップページの下部に表示されます。HTMLを少しカスタマイズすることで、これを上部に持っていくこともできます。SIRIUSシリウスカスタマイズSIRIUSシリウスにはクラス設定機能があります。クラス設定とは、スタイルシートでspanで設定してから、タグ入力を簡略化するためのものです。SIRIUSシリウスカスタマイズ自分のホームページやサイトにどのくらいアクセスがあったか、訪問者がどんなページを見ているか等を解析する「アクセス解析」を導入しましょう。SIRIUSシリウス小技SIRIUSシリウスでサイト作成を作り続けていると、レイアウトが気になってよくプレビューをします。すると、ブラウザのタブがいつの間にか凄い数に増えてしまいます。SIRIUSシリウスカスタマイズ2009年にグーグルが導入したcanonical属性というものがあります。これはURLを正規化して検索エンジンに迷わせない目的の為のものです。グーグルウェブマスターツールでも公式説明が掲載されているので参考にしてみてください。画像の多いページを開くと、表示スピードが遅くて待つのがイヤだな~と感じた経験はありませんか?PCスペックが高くなってネット回線が速くなったとはいえ、大きくて重い画像が多いサイトだと見る側にとっては不便さを感じてしまいます。SIRIUSシリウス小技SIRIUSシリウス上位版ではスマートフォン用サイト自動生成機能が使えます。画像やその他のサイズも自動でスマホ用に自動最適化されるので、素晴らしい機能です。訪問者にとって必要な「ある表示」が自動で出来ない欠点を持っています。SIRIUSシリウス小技こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスに「はてなブックマーク」「ツイートボタン」「フェイスブックいいね」「LINEボタン」を横並びに設置する方法をご紹介します。SIRIUSシリウスカス...ソーシャルボタンを1ページごとに挿入するのは面倒という人は、今回紹介する方法を試されてはいかがでしょうか。SIRIUSシリウス小技SIRIUSシリウスに無料でメールフォームを設置してみます。以前使っていたphp工房で入手できるメールフォームプラグラムは、phpバージョンの変更とiOS(iPhoneのOSバージョン)の進化で使えなくなってしまいました。SIRIUSシリウスカ...SIRIUSシリウスのビジネステンプレートはデフォルトでヘッダー横にドット柄が入っています。これを消してスッキリ見せる方法をご紹介します。スタイルシートを編集します今回は簡単、スタイルシートを1か所編集するだけです。SIRIUSシリウス小技SIRIUSシリウスの文字行間を変更する方法をご紹介します。超簡単ですのであっという間に終わってしまいます。SIRIUSシリウスのデフォルト行間はこのくらいSIRIUSシリウスデフォルトの行間はこのくらいです。SIRIUSシリウス小技ページタイトルと表示されるタイトルを変える方法です。シリウスでは超簡単に設定できるので、まだ活用していない人はチェックしてみてください。具体的に・・・「ページタイトルと表示されるタイトルを変える」というのを具体的に説明します。SIRIUSシリウ...このホームページでも使っていますが、シリウスのサイトにコメント機能を設置する方法をご紹介します。facebookのコメント欄になってしまうのですが、現在利用者は多いことと、誰でも簡単に設置できることから利便性は高いと思います。SIRIUSカスタマイズSIRIUS(シリウス)で画像にアフィリエイトリンクを貼る方法です。今回の説明では、A8.netからアフィリリンクを取得した方法をご紹介します。画像やボタンの用意アフィリエイトリンクを貼りたい画像を用意しましょう。SIRIUSシリウスカスタ...SIRIUS(シリウス)ビジネステンプレートの上部にロゴ画像を差し込む方法です。ビジネス向けのサイトの場合会社のロゴに社名を入れていたり、趣味やアフィリエイトサイトでもサイトテーマのロゴとサイトイトルを入れているページを見かけます。以前SIRIUSシリウスにメールフォームを作る方法を紹介していますが、もっと簡単にSIRIUSシリウスにメールフォームを設置する方法をご紹介します。→こんなメールフォームです。SIRIUSシリウスカスタマイ...SIRIUSシリウス使用者は上位版ユーザーが9割に上ります。スマホでネット見る人増えていますしね。ブログやサイト運営者で無い限り、家でPCを触る人は年々減少傾向です。」というお問い合わせがありました。いう風にしたい人もいるんですねと思い、方法を記載しておきます。SIRIUSシリウスカスタマイズ私のSIRIUSシリウスサイト閲覧してくださっている方から質問があったので、返答としてやり方をアップします。SIRIUSシリウスでは文字やちょっとした背景の色等は、スタイルシートでの変更が可能です。SIRIUSシリウス...RSSリーダーとしてメジャーだったGoogleリーダーが終了しました。その代りにFeedly利用者が増えています。今日から当サイトにもFeedlyボタンを設置しました。今回のSIRIUSシリウスカスタマイズでは、以下の解説を行います。SIRIUSシリウスカスタマイズSIRIUSシリウスにRSSフィードボタンを設置する方法を解説します。当サイトのサイドメニューにも設置しています。Feedlyが流行しつつあるとはいえ、RSSリーダーを使用している人はまだまだ多いものです。SIRIUSシリウス...SIRIUS(シリウス)で画像を挿入する時に、altタグを挿入する部分が1番上に出てきます。この部分、ちゃんと入れてますか?楽して横ボタンのMETAキーワードのボタンを押しクリックしちゃいけませんよ。SIRIUSシリウス小技SIRIUSシリウスのサイトでたまに見かける画像メニュー作成方法を解説します。シリウスに慣れたら挑戦してみてはいかがでしょうか。このコンテンツ詳細はシリウス・ルレア・バナープラス購入者会員専用ページへ移動しました。SIRIUSシリウスカスタマイズSIRIUSシリウスにツイッターウィジェットを設置する方法です。当ホームページにも今日からサイドバーに設置してみました。簡単ですので、ホームページ・サイトとツイッターの相性が良ければ設置してみてはいかがでしょうか。ある、「記事1~記事10」の使い方、記事の途中に飾り枠を入れる方法を解説します。この使い方、意外と悩まれる人が多いようなので今回シェアしておきます。SIRIUSシリウスカスタマイズ先日、当SIRIUS(シリウス)サイトにこんな質問を頂きました。「カテゴリ内にエントリページを30ページ作りました。30ページ全てに同じキーワードが入っているので、スパム判定されないか心配です。SIRIUSシリウスカス...東北で法人アフィリエイト事業、マーケティング事業を行っているです。SIRIUS(シリウス)でヘッダー画像にトップページへ戻るリンクを貼る方法をご紹介します。シリウスSIRIUS...※こちらはマナからの購入者様専用サイトにて、設置方法を公開しています。ビジネスや企業サイトで上記のような切り替わり画像を見たことがありませんか?実はSIRIUS(シリウス)でも設置出来ます。シリウスSIRIUS小技SIRIUS(シリウス)でスマホサイトを作成する方法をシェアしておきます。iPhoneサイト自動生成のことではなく、PCで見た時でもスマホサイトが表示されるようにするサイトを構築する方法です。シリウスSIRIUSカスタマイズSIRIUS(シリウス)でサイト下の部分のフッターに、リンクを追加する方法をシェアしておきます。HTMLテンプレートを開きます。「★フッターここから~~~フッターここまで★」の部分を探します。SIRIUSシリウス...SIRIUS(シリウス)での特定のページにnoindexタグ、noarchiveタグ等を挿入する方法をシェアしておきます。同じドメインサイト内に質の低いページや同じような内容のページがある場合、SEO上ではマイナス要素になる場合があります。SIRIUSシリウスカスタマイズSIRIUS(シリウス)のテーブル機能で、テーブルの横幅と位置を調整する方法をご紹介します。通常、シリウスでテーブルを挿入するとカラム横幅いっぱいに表示されてしまいます。SIRIUSシリウスカスタマイズ2015年5月31日、SIRIUS(シリウス)はスマホ対策を強化するバージョンアップを行いました。バージョンアップ内容は以下のとおり。シリウスカスタマイズSIRIUS(シリウス)で作ったサイトから他のサイトへの引っ越しをする際、301リダイレクトという方法があります。シリウ...SIRIUS(シリウス)ビジネステンプレート上部のロゴ画像の高さを変更して、最大100pxまで使用する方法です。今回の方法はご購入者様からご質問があったカスタマイズです。一応やり方をシェアしておきます。シリウスカスタマイズ今回のサイト作成ソフト「SIRIUS(シリウス)」カスタマイズでは、記事コンテンツ部の背景を変更して、イメージをガラリと変える方法をご紹介します。シリスウソフトネタ購入者様からの質問コーナーです。SIRIUS(シリウス)のサイトにYoutube動画を貼り付ける方法です。シリウス問わず、WordPressなどのHTMLサイト全てに利用できる方法です。シリウスカスタマイズ東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。SIRIUS(シリウス)に画像貼り付けるちょっとした小技をご紹介します。知ってる人は多いと思うんですが、念のためご紹介。SIRIUSシリウスカスタマイズ)シリウスのクロスリンクを無効化する方法をご紹介します。グーグルがかしこくなりつつあるので、シリウスのクロスリンク手法はもはや廃れたと言って良いと思います。シリウスカスタマイズ先日当サイトにcanonicalについてのお問い合わせがありました。canonicalについては私も100%の理解ではないかもしれませんが、知り得る限りで情報をシェアしたいと思います。シリウスカスタマイズ今回のシリウスカスタマイズ記事は、特典用の会員専用にしていないので、誰でも見ることができます。久々の更新ですのでサービスです。シリウスカスタマイズ先日シリウスであまり知られていない内部構造改善対策でH2とH3の使い方を軽く説明したのですが、私の説明力不足で意図が伝わりにくかったようですので補足します。シリウスカスタ...こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。シリウスカスタ...ドロップボックスにSIRIUS(シリウス)をインストールする方法と注意点をご紹介しておきます。ドロップボックスにシリウスをインストールするメリットドロップボックスというオンラインクラウドストレージサービスがあります。シリウスカスタマイズ今日はシリウス追加テンプレートの発売日でした。今回のテンプレートはランキング機能に対応、レスポンシブウェブ対応、テーマも6種類と充実しているだけあって、多くの方が購入されたと思います。カテゴリーで公開しています。シリウスデフォルトテンプレートの、サイドバー広げ方に対する質問があまりに多い為、やり方を公開することにします。シリウスカスタマイズ当コンテンツは、当サイトでの購入者様会員専用です。このコンテンツでは、当サイトを作るときの案出し注意点ライバル調査構築上気を付けたこと作りかたなどを書いてみました。⇒会員専用の方はこちらでご覧になれます。|...シリウス追加テンプレートが限定発売・終了されて、そろそろサイトに実装される人も増えてきたかと思います。シリウスカスタマ...先日あった当サイトへの質問。質問者:Yさんシリウスのランキング機能を使おうとしているのですが、URL部分にはA8ネットで生成されるアフィリエイトリンクのどれを入れれば良いのでしょうか?言われてみれば確かに。シリウスカスタマイズシリウスにBxSliderプラグインを用いて、スライダーをリンク付きで実装する方法です。トニーさんの酵素ダイエットサイトでスライダーインパクトがとても面白かったので、シリウスで初心者でも簡単に実装出来るようにちょっと工夫しました。シリウスカスタマイズ※こちらのカスタマイズも会員専用でご紹介しております。前回、シリウスにBxSliderを表示させる方法をご紹介しましたが、今回はその下にサムネイルを表示させる方法です。サムネイルをクリックすると、その画像にスライドするようになっています。シリウスカス...SIRIUS(シリウス)購入者様からの質問&解決をシェアしておきます。シリウスカスタマイズSIRIUS(シリウス)のよくある質問で、グローバルメニューを6個にしたら、プレビュー画面では1段(1列)になっているのに、アップロードしてサイトをチェックしたら2段(2列)になってしまいます。シリウ...SIRIUS(シリウス)上位版では、PCサイトを簡単にスマホサイト(iPhoneサイト)に変換できる機能があって便利です。シリウスカスタマイズシリウス(SIRIUS)ご購入者様からの質問です。【質問内容】シリウススマホサイト同時生成をした場合の、パスワードによるアクセス制限を行いたいです。シリウスカスタマ...Googleは、スマホ対応しているかどうかをモバイル検索のランキング要因として使用することを発表しました。4月21日からの導入を予定しています。シ...SIRIUS(シリウス)のスマホサイト(iPhoneサイト)について、「モバイルユーザービリティによる警告が来た!」「スマホ対応表示がされない!」という人がいるようです。現時点での状況と考えられる対処策をまとめてみます。シリウスカスタ...グーグルが2015年4月21日から、スマホ対応してないサイトの検索順位を下げる方針を発表しました。ここで1度SIRIUS(シリウス)でのスマホサイト関係の機能をおさらいしておきます。...2015年4月14日にSIRIUS(シリウス)公式側で、誰もが利用できるレスポンシブテンプレートを配布しました。このテンプレートのサイドバー幅を変更・調節する方法をご紹介します。シリウ...SIRIUS(シリウス)でYoutube動画を埋め込む際、埋め込みコードには幅と高さが指定されてしまっているので、通常のテンプレート、レスポンシブやスマホサイトにした場合に動画の幅がコンテンツからはみ出てしまいます。SIRIUSカスタマイズ意外と使いこなされてないSIRIUSの便利機能の一つに「モジュール機能」があります。サイト作成・アフィリエイト初心者の場合は「モジュール機能?どうやって使うの?」と思われるでしょう。使い方・用途をしっかり理解すれば、すっごく便利でサイト...SIRIUSのブラウザ(chrome)プレビューが遅い場合はFirefoxに変え...最近SIRIUSのプレビュー表示が遅くなりました。ブラウザはグーグルクロムを使っています。何か対処法は無いでしょうか?プレビューのブラウザをFirefoxに変更すれば解決されると思います。SIRIUSカスタマ...意外と知られていないんですが、次世代型サイト作成システムSIRIUSではショートカットキーを利用することができます。SIRIUSカスタマイズ2カラムテンプレートを使っていて、特定のページだけを1カラムページにする方法です。これも意外と知らないSIIRUSユーザーがいるので、やり方を説明しておきます。SIRI...SIRIUSはアフィリエイトバナーや画像を横並べにする場合、「レイアウト枠」機能が便利です。SIRIUSカスタマ...マナです。次世代型サイト作成システム「SIRIUS」で、『トップページだけ1カラムに、他のページは2カラムにしたい!』と思ったことはありませんか?先日、偶然にも簡単に1カラムにカスタマイズ出来る方法を見つけましたのでご紹介します。S...SIRIUSで作るサイトはページごとにヘッダー画像を別々のものに変えることができます。レスポンシブウェブテンプレートの場合は、HTMLのカスタマイズが必要になります。SIRIU...こんにちは。東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。当サイトからのご購入者さんから「サイトが増えた場合のフォルダ分けってどうやるんですか?」とご質問頂きました。東北でアフィリエイト事業、ウェブマーケティング事業を行っている@マナです。SIRIUSカスタマイズこんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUS(シリウス)には記事のサイト生成を全て同一階層にできる方法があります。SIRIUSカス...こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUS(シリウス)でカテゴリーページトップの記事一覧表示は、通常だとこんな感じで、サムネイル画像+説明文で下に長くなります。したカスタマイ...SIRIUS(シリウス)のサイトをSSL化する方法こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUS(シリウス)の既存サイトをSSL化(URLをhttpsに)する方法をご紹介します。手持ちの5サイトを使って練習・検証しました。|...SIRIUS(シリウス)でサイト・ホームページを作って、さらにその中でブログも運営したいと思っています。どのような方法があるでしょうか?SIRIUSのサイト(ホームページ)内でブログを作って運営する方法は4通りあります。SIRIUSカスタマ...こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。グーグルさんが「SSL化をサイト評価に加えていくよ」とアナウンスしたことで、サイトをSSL化する人が増えてきました。SIRIUSカスタマイズこんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSにグーグルマップを設置する方法をご紹介します。SIRIUSカスタマイズこんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。「カテゴリーごとに別々の広告を掲載したいのです」とご相談がありましたが、SIRIUSにはそれに適する機能がありません。他のやり方を考えてみました。SIRIUSカス...こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。エックスサーバーに続きロリポップサーバーでもSSL証明が無料で取得出来るようになりました。SIRIUSカスタイズこんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスのページにメールフォームを埋め込む方法です。ここでは、無料で使いやすいフォームズのサービスを元に解説します。SIRI...こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスで、今までiPhoneサイト同時生成機能を利用してスマートフォンサイトを作成している状態で、「今からレスポンシブウェブテンプレートに変更した...SIRIUSで作成したサイト・ページの更新日をGoogle検索結果に表示させる方...こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスで作成したサイトやページのぐGoogle検索結果には、通常は日付けが入り込まないケースが多いです。このカスタマイズをすることで、検索...SIRIUSをワンドライブ(OneDrive)で利用する方法こんにちは、東北でアフィリエイト事業、ウェブマーケティング事業を行っているです。SIRIUSシリウスを複数台PCで使う方法としてはクラウドストレージのDropboxを使う方法を今までご紹介しておりました。新作SIRIUSレスポンシブウェブテンプレート完成!好評配付中です!2020年2月28日まで特別限定キュート版も配布中。(プロフィールはこちら)ホームページが簡単に作成出来るSIRIUSの魅力、アフィリエイト、ウェブ集客の楽しさを発信しています。SIRIUS歴9年、WordPress歴8年、事業法人化して活動中。当サイト経由ご購入頂いた方に限り特別特典を配布しております。(特典一覧へ)必ず返信しております。お気軽にお問い合わせ頂ければと思います。webmaster_mana私のお勧め新作SIRIUSレスポンシブウェブテンプレート完成!好評配付中です!2020年2月28日まで特別限定キュート版も配布中。アフィリエイト初心者さんに唯一お勧めできるノウハウ教科書です。SIRIUSでのアフィリエイトサイト作りの強力な武器になると思います。管理人レビューはこちら今だけ!新SCKお申込みの方に当サイトの特典付きキャンペーン開催中!(申し込み期限:2020年2月28日迄)新SCKレビューと特典付購入はこちら公式側からもSIRIUSオリジナルデザインテンプレートが毎月ダウンロード可能になります。