サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
猫
style-easy.jp
ページを速く表示することは、ユーザーに対しても親切ですし、検索エンジンも評価してくれる対象となっています。 ですので、プラグインを入れたりしながら、少しでも速くページが表示できるように日々対策を取られてると思います。 先日、PageSpeed Insightsが日本語化されて使ってみたとき、改善点として出てきた内容が、ブラウザのキャッシュの活用とサーバの応答時間、画像の最適化等でした。 その際、いろいろ調べた結果、プラグインに頼らずともある程度は高速化させることができましたので、その対策を以前からやっているものも含めて紹介したいと思います。 プラグイン無しで高速化する やや難易度の高いもの、毎回手間がかかるもの、Macアプリやんヾ(・・;)という3つやっています。 1. .htaccessでWordpressを高速化 これはつい先日行った対策です。 .htaccessファイルにソースを追記
今まで、Wordpressの高速化はプラグインをあれやこれやと入れ替えながら調整してみましたが、体感速度でパキッと速くなったと感じたのは無かった気がします(笑) 先日、PageSpeed Insightsが日本語化されて試しに使ってみた結果、改善箇所には、ブラウザのキャッシュの活用とサーバの応答時間を短縮することが書かれてありました。 暇をみていろいろ探ってみた結果、.htaccessファイルでコンテンツの圧縮とキャッシュ設定を行うのが良さそうだったので、試してみました。 .htaccessでWordpressを高速化させる! やり方は凄く簡単。 FTPソフトでサーバへアクセスし、.htaccessファイルをダウンロード。 以下のソースを追記するだけでOKでした。 AddType image/x-icon .ico <IfModule mod_deflate.c> SetOutputFil
Googleアナリティクスに新機能がまた出ました。 いつこの間に、集客のサマリーが追加されて、ユーザーの一連の流れをざっと見れるようになったんですが、さらにユーザーを細かく性別・年齢でわけて見れる機能が追加されました! 早速、設定してみました。 10月末に設定したので、まだあまりデータが取れてはいないのですが、データ表示の雰囲気がわかったのでご紹介します! 性別・年齢のデータはこんな感じ データはこのブログのものですが、数実だけとはいえ、きちんちグラフ化されています。 トラッキングコードの設定が済んでいれば、Googleアナリティクスにログイン後、 ユーザー > ユーザーの分布 > サマリー で表示されるグラフです。 このブログは、年齢別で25歳から34歳の方が一番多くアクセスしてくれていて、性別では男性が64.6%で、女性が35.4%になっています。 また、年齢・性別ともにさらに詳細なデ
本日、Googleアナリティクスに「集客」のメニューを発見! 以前のトラフィックが名称変更か…と思いきや、サマリーとチャネルというメニューが新たに追加されてます。 早速、チェックしてみました。 アナリティクスの集客メニュー まずはアナリティクスにログインして、左のメニューをチェック! 集客をクリック! そして、サマリーを見てみます。 どういう方法で、ホームページにやってきて、ホームページ内でどういう行動をとって、コンバージョンしたかどうかのまとめが見れるようです。 このブログ、コンバージョンを設定していないので、弊社ホームページのアクセス解析で改めてデータを見てみます。 コンバージョンデータが反映されています。 なるほど、どの経路でアクセスされたものが、コンバージョンしたかが一目瞭然です。 さらに、左上のメニュー「Channels」が選べるようになっていて選択しなおすと、どこからアクセスさ
昨日、写真の中のオブジェクトを簡単操作で消せる有料アプリ「Snapheal」が9/3までの期間限定で無料だと聞き、早速ダウンロードして使ってみました。 なかなかのもんでしたよ! Snaphealを使って画像からオブジェクトを消す Snapheal http://www.macphun.com/snapheal かなり巧みなことをやってくれるMacの写真加工アプリです。 写っているモノ、人などを簡単操作で消してくれます。他にも、いろいろ写真を加工できる優れもの。 有料アプリですが、先に書いたとおり、期間限定で無料ダウンロードできます。(無料プロモーションを利用してダウンロードする方はこの記事の下の方のSnaphealのダウンロードをご覧下さい) ダウンロードしてみたので、どのぐらいの写真加工レベルなのかチェックしてみたくなり、すぐに使ってみました。 写真はいつものように、ぱくたそからもらって
ブログを書く時、必ず画像を使うようにしているのですが、その際は画像のファイルサイズを圧縮して表示が遅くならないようにしています。 今までは、ImageOptimを使って圧縮していたんですが、最近はJPEGminiも使うようになりました。 どちらも写真の解像度、画質を落とさずにファイルサイズを圧縮するMacアプリですが、どちらの方が圧縮でファイルサイズをより軽くしてくれるんでしょうか? 今日、試してみました! 画像ファイルの圧縮率を比べてみる では、ひとつの写真をそれぞれで圧縮してみて、どちらがより画像を軽くしてくれるか比べます! 元画像はこちらです。 photo credit: ecstaticist via photopin cc ↑圧縮していません。 圧縮前の画像のファイスサイズは…. 1MB(1,041,397バイト)、1374×1374ピクセルです。 これの画像を圧縮します。 Im
Pinterestからのリンクにはnofollowタグが入るようになってました。 それがどうやら外されたようです。 Pinterestのリンクに変化 いったいどういうことかと簡単に言いますと、PinterestからのリンクにSEO効果があるということです。 少しややこしいので、簡単に説明します。 まず、nofollowとは何か SEOでは、ホームページやブログに他のサイトからリンクが張られると、SEO上効果があるとされています。 ただ、リンクにもいろいろありまして、中でもnofollowタグが付いたリンクは、リンクを張っているページに対してSEO上のリンク効果を渡さないという指示を表します。 ですので、nofollowの属性が指定されたリンクは、いくら張られてもSEO上での効果はほぼありません。 rel=”nofollow” – ウェブマスター ツール ヘルプ https://suppor
facebookの投稿が、ブログやホームページなど外部サイトに埋め込めるようになったので、早速いろいろな投稿を埋め込んでみました! 投稿を埋め込む手順 facebookを使っている人なら、簡単にできると思いますが、流れを解説します。 凄く簡単です。 1. 投稿の右上の「 ∨ 」をクリックするとメニューが開きます。 2. 開いたメニュー最下段の「埋め込み投稿」をクリック 3. 小窓が開いて、埋め込む投稿がプレビューされており、埋め込むコードが上部に表示されます。 4. コードをコピーして、貼付けたい場所へ、コードをペーストすればOK! 実際に貼付けてみると… こんな感じです。 タイムラインで表示されてるままですね。 もっと見るをクリックするとちゃんと投稿が展開されます。 いろいろな投稿を貼付けてみる Facebookの投稿もいろいろあります。 コメントだけとか、写真付きとか、アプリ連携で投稿
Googleウェブマスターツールに新たな項目「手動による対策」が追加されました。 第一報は数日前なので、ご存知の方も多いと思いますが、この項目はGoogleによって対象となるホームページに手動ペナルティが科せられているかどうかがわかるというものです。 8月9日にGoogleウェブマスター向け公式ブログで発表されてますね。 Google ウェブマスター向け公式ブログ: ウェブマスター ツールでの手動によるウェブスパム対策の表示 http://googlewebmastercentral-ja.blogspot.jp/2013/08/manual-actions-viewer.html 手動による対策を使ってみる 早速、ウェブマスターツールの「手動による対策」で、このブログにペナルティが発動されているかをチェックしてみました。 手順 1. ウェブマスターツールにログイン 2. 左のメニューで「
WordPress 3.6がリリースされました! 今回のアップデートは新しいデフォルトテーマの追加、インターフェースの改善、リビジョン機能のグレードアップなどなど機能グレードアップが含まれた更新になるようです。 WordPress 3.6 WordPress 3.6 “Oscar” http://ja.wordpress.org/2013/08/02/oscar/ Version 3.6 – WordPress Codex 日本語版 http://wpdocs.sourceforge.jp/Version_3.6 モダンアートにインスピレーションを受けた新テーマ、Twenty Thirteen リビジョン機能の刷新 投稿ロックと自動保存機能の拡張 ビルトイン HTML5 メディアプレーヤーで音声・動画の埋め込みにネイティブ対応 メニューエディタがもっと分かりやすく、使いやすくなりました w
昨日、iPhoneのホーム画面にアップルタッチアイコンを表示させられるようになる設定を記事にしましたが、そのときに必要なアイコンを簡単に作ってくれるiPhone Style Icon Generatorというサイトを見つけました! こんなサイトです。 英語のサイトですが、簡単操作でアップルタッチアイコンが作成できます。 iPhone Style Icon Generator – IconJ.com http://www.iconj.com/iphone_style_icon_generator.php 画像加工ソフトが無くても簡単に作成できるので、このサイトを使ってアップルタッチアイコンを準備されても良いと思います。 操作は簡単ですが、念のため説明します! iPhone Style Icon Generatorの使い方 サンプルの画像↓↓↓↓↓↓↓ を使って説明します。 手順 1. アイコ
昨日、プレスリリースを配信してビッグメディア掲載を目指すというプレスリリースが大きな可能性を秘めている奇跡の一例をお知らせしましたが、本日は配信先をご紹介します。 基本的なことを言うと、新聞社やネットのメディアにメールで、、リリース文章と関連する写真数点をどんどん送付していけば良いのですが、掲載されるのは内容によりますがあまり期待できません。 ほぼ、必ず掲載されて、メディアにも送付してくれるサービスもありますが、ほとんどが有料です。 では、無料でプレスリリースを送れて、掲載してくれるところないの??って思いますよね。 あります! 探せば、結構な数あるんです。 たくさんある中で、自社を含めて今までいろいろ配信してきた中から、オススメだなあと思った無料配信先を10個ご紹介します! プレスリリース 無料配信先 ComSearch http://www.comsearch.jp/ 東経ニュース h
最近もちょくちょく使ってるホームページの状況を診断するサイト「Ahrefs Site Explorer & Backlink Checker」を紹介します。 簡単操作で登録しなくても使えちゃうツールです。 もちろん無料です。 以前までは、英語で表示されていたんですが、少し前から日本語でも表示されるようになりました。 あなたのホームページの状況を把握したり、ライバルサイトをチェックしたり、業界大手のホームページをチェックして自社ホームページと比較したりと様々に使えます。 Ahrefs Site Explorer & Backlink Checker http://ahrefs.jp ※日本語ページができたようです。 早速使ってみましょう! 使い方 説明いらないくらいです(笑)が、一応、説明します! まずは、日本語に切り替えます。 ページ右上にあるアメリカ国旗のところにマウスを重ねると、メニュ
スマホに最適化しているなら、出来れば対応しておきたいapple-touch-iconの設定方法です。 apple-touch-iconとは、iPhoneの画面に表示されているアイコンのことです。 これ ↓↓↓ のことです。 このアップルタッチアイコンは、ブログやサイトなどで設定しておけば、誰でも表示させることができるようになります。このブログも、最近ではスマホでも良く見られるようになってきましたので、きちんと設定しておこうと思い、作業しました。 apple-touch-icon設定手順 1. まずはアイコンを準備 アイコンはRetina対応機種のことを考えて、大きさを114×114ピクセルで作成。 ファイル形式はPNGにします。 ファイル名は style-logo_aptouch.png としました。 上のアイコンはこのブログのロゴである吹き出しのカタチのままで作成しました。 こういう丸い
私が使っているキーワードツール紹介の最終記事です。 今回は、Googleのオートコンプリート(検索予測機能)からキーワードを一括で取得するキーワードアドバイスツールです。 Ubersuggestの使い方 1. まずは、以下URLにアクセス! Keyword suggestion tool — Google suggest scraper — Übersuggest http://ubersuggest.org 2. 調べたいキーワードを入力して、日本語を選択して、セキュリティコードを入力。 で、「suggest」ボタンをクリック! すると、入力したキーワードが含まれた複合キーワードがいっっっっっっっぱ〜い!!出てきます。 こんな感じですw 970個見つかったようです! さらにキーワードを取得しやすい機能も このずらりと並んだキーワードが取捨選択しやすいように、アルファベットとひらがなでソー
Pinterestを使ってはいるものの、個人としては未だ情報収集としてしか使い込めず、会社としては使い込みにくかったので、このブログをPinterestアカウントにくっつけて、ビジネスアカウントに変更し様子をみることにしました。 今回はビジネスアカウントへの移行について説明します。 すでに個人としてアカウントを持っていたので、そこからのビジネスアカウント移行です。 すっごい簡単でした! Pinterestについて まずは、簡単に説明します。 Pinterestとは、写真やイラストなど、画像に特化したSNS(ソーシャル・ネットワーキング・サービス)です。 twitterやFacebookは、写真やコメント入り混ざってタイムラインに流れていきますが、Pinterestは画像がメインでコメントもつけられる程度の投稿がどんどん流れていきます。 そして、その流れている画像を自分のボードに貼付け(Re
昨日の英語のフリーフォントサイトの紹介に続き、今日は日本語の筆文字フォントのご紹介です。 筆文字のフォントで、商用利用もOKなんで、是非チェックしてください〜! 既にご存知の方も多いかもしれませんが、武蔵システムさんで配布されている筆文字フォントです。 無料フォント – 武蔵システム http://opentype.jp/freemouhitufont.htm 書家の先生が毛筆で書かれて、フォント化されたものを配布されています。 配布されているフォント ・青柳疎石フォント (揮毫/青柳疎石) ・衡山毛筆フォント (揮毫/青柳衡山) ・青柳衡山フォントT (揮毫/青柳衡山) ・衡山毛筆フォント行書 (揮毫/青柳衡山) ・衡山毛筆フォント草書 (揮毫/青柳衡山) ・青柳隷書しも (揮毫/青柳衡山) 一番下段の「青柳隷書しも」のみ、書道家の先生が著作をお持ちのようですが、それ以外のフォントは著作
最近、いろんなところで、お話しさせて頂いたり、制作関係者と話したりする中で、SEOが間違って認識されているじゃないかと感じる。 これは、業界自体のせいもあるんですが、正しくSEOを理解している人って少ないんだなあと実感。 なので、少し書いてみようと思います。 SEOとは、検索エンジン最適化のことです。 そうです。 検索エンジン(Google、Bingなど)がホームページの内容をエラー無くきちんともって返って、間違いなくデータ化してもらえるように、ホームページを最適化させることです。 これがすべてなんですが、すごく曲がって理解されている。 それも良くない方向で。 スパムをSEOだと間違って認識している リンクを貼る、リンクを買うとか。 記事を書いてもらうとか。 これはSEOではなく、スパムです。 Googleで非推奨され、ペナルティ(検索順位が大幅に下がることや検索結果に出てこなくなる等…)
Googleマップの自由な場所にピンを立てる方法を昨日に紹介しましたが、ちょっと難しいなあと思っていたところ、もうちょっと簡単な方法を見つけました! ブラウザだけでできる手軽さ この方法は、ブラウザさえあればできますし、APIとか難しいことは使いませんので気軽にできますよね。 では、やり方をご紹介します。 まずは、Googleマップでピンを立てたい場所を表示する。 で、その場所を右クリック。Macはcotrolキーを押しながら、クリックすると、こんな感じ。 それで、「この場所について」をクリックする。 すると、緑の矢印がここなん?って感じで、場所を示してくれます。 とそのとき、検索の文字を入れるところに、緯度・経度の座標がでるんです。(昨日の記事の座標を出すのはこの方法でもいいかも) で、その横に半角カッコ ( ) の間にこの場所の説明を入れます。 で、検索ボタンをクリックすると、指定し
Googleマップで、自分が決めた自由な場所にピンを立てる方法です。 これは、HTMLとかJavascriptが大体わかる人、自分でHTMLを更新できる人向けの内容です。 Google Maps APIを利用する Google Maps APIを利用します。 単純にやり方を書きますね。 まず、HTMLのヘッダー部分に、Google Maps APIのJavascriptを埋め込む。 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> ※コードのfalseの部分は、スマホなどGPS他応の機器で利用する場合はtrueに変えるようです。 次に、地図を表示する設定するコードをこれまたヘッダーに入れる。 <script type="text/javascript"
このページを最初にブックマークしてみませんか?
『STYLE-EASY – SEOとWEBマーケティングで、もっと楽しくネット集客を!』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く