グラフィックデザインのメッカ「Deviantart」
すばらしいグラフィックデザインが多く投稿されていて、ものによってはライセンスフリーという大変うれしい作品も多く投稿されています。
なのに、残念な点が１つ。カテゴリ移動のユーザビリティが。。。。そんなわけで、自分達が見やすくするために作った「Deviantartの使えるカテゴリ」でリスト化しているものを公開します。
是非有効活用してください。
]]>
グラフィックデザインのメッカ「Deviantart」
すばらしいグラフィックデザインが多く投稿されていて、ものによってはライセンスフリーという大変うれしい作品も多く投稿されています。
なのに、残念な点が１つ。カテゴリ移動のユーザビリティが。。。。そんなわけで、自分達が見やすくするために作った「Deviantartの使えるカテゴリ」でリスト化しているものを公開します。
是非有効活用してください。
]]>
Webサイトをプロとして制作されている個人＆法人の方が苦労することの一つに
新規案件の受注ということがあるかと思います。
MKK WORKS でも営業スタッフの負担減と新規案件増を期待し
様々なサイトで受注＆提案を行っています。
そんな便利なBtoBマッチングサイトをご紹介します。
利用方法によっては有料となる場合もありますのでご注意下さい。]]> ・のっくのっく（無料）
・BIZ MATCH STATION（無料）
http://biz-match-station.zenkyo.or.jp/
・商談上手（無料）
http://www.syodan.com/
・ホームページ制作マッチング（無料）
http://hp.submit.ne.jp/
・BIZ FILE（無料）
http://www.bizfile.com/
・e-WORK（無料）
https://www.e-work.ne.jp/
・全国ホームページ制作会社検索（無料）
http://webseisaku.hapstock.com/
・ホームページ制作会社WEB（無料）
http://www.hp-web.net/
・ホームページ屋.com（有料）
http://homepage-ya.com/
・楽天ビジネス（有料）
http://business.rakuten.co.jp/
・ザ・ビジネスモール（商工会議所会員のみ）
http://www.b-mall.ne.jp/index.aspx
・E-JOB GO（有料）
http://www.ejobgo.com/
・見積り.com（有料）
http://b-matching.mitumori.com/
・ホームページ依頼ナビ（有料）
http://www.navi-hp.jp/
・MDN（無料＆有料）
http://www.mdn.co.jp/Yellow/indexWD.htm
・ホームページ制作.com（無料）done
http://www.41-homepage.com/index.html
紹介させて頂いたサイトで生じたいかなる不利益、損害も一切責任を負いかねますので
ご利用の際は細心の注意を払い、慎重にご利用下さい。 MKK WORKS
CSSのソースは下記だけです。
a:hover img{
opacity: 0.5;
filter: alpha(opacity=50);
}
要するにaタグ内のimgに対し、hover時に50%半透明化させて表示するだけの簡単なものですが
ソースも数行で済む為、意外と使えるテクニックです。
filterは対応ブラウザが少ないのでopacityでfirefoxなどをカバーしています。
数字を変えれば透明度を変更することが可能なので最適な数字で使用して下さい。
サンプルソース
簡単でしかも割とカッコイイとは言え、あまり推奨される方法ではないので
サンプルページや、ちょっとした事例を紹介するだけの
あまり細かく作りこまなくても支障の無いページに使うようにするのが無難だと思われます。
以前、ヤフーのトップページのデザインが変わるといったニュースを見たときはもっと先になる記憶が
あっただけに不意をつかれました。
どうやら無作為にブラウザを抽出し、アンケートをとっているようです。
yahoo!japanはこういった方法でレイアウトのテストをよくやるのですが今回はトップページの全面改装ですから少々びっくりしました。
一応このようなトップページですね。
アメリカのYahooに似てますね。MSNなんかもこんな形ですよね。
実際に自分で触ることになってみると、「なんだかガチャガチャしてるなぁ～」という印象。
あと、Web制作者にとって気になるのは「カテゴリ登録サイト」への経路が変わった点。
正式公開時にはどうなっているのでしょうか。
レイアウト変更に加えて、検索精度向上にも努めていただけるとありがたいものです。
]]>少し時間があったのでGoogle Analyticsを見てみたところ、ブログの更新は全く行っていない為
やはりアクセス数は激減しています。
アクセス数をUPさせる為に当ブログを更新しているわけではないので
アクセス数減に関しては特に落ち込みませんでしたが、気がかりだったのが検索順位ですね。
ここ最近MT4がリリースされ、当サイト自体もバージョンアップさせたこと等、
大幅にページのチューニングを施したこともあってか、順位が上下しています。
サイトをリニューアル公開して3ヶ月あまり。
そろそろ本腰をあげて上位表示化によるアクセスUPを図ろうかと考えています。
現在までは積極的なSEO対策といったものを施さず、ブログを使用しソーシャルブックマークや他ブログとの連携によってどのぐらいの効果があるのかを見極めていました。
色々と細かい実験を繰り返し、情報を収集しました。まだ結論には至っていませんが、確実に効果はあると確信できました。
記事によってはソーシャルブックマークでも100近くの登録を頂き、はてブのトップに表示されたりと相当な威力を発揮したものもあります。
ただ、広域的な被リンクといった形になりますのでそれほど劇的な効果は見込めませんが、クロールの頻度や多少の上位表示化程度であれば効果を期待してもよさそうです。
SEO対策というよりは、直接的なアクセスアップに繋がる話になりますが、
そういう意味ではソーシャルブックマークの効果は非常に大きいです。
たまたま書いたエントリーが当たると爆発的な速度でブックマークが増えていきアクセス数も波及的に増えていきます。
はてブの注目エントリーに入ろうものならそれだけで通常のアクセスに加え、新規に500セッションは稼げます。
そこで訪れてきたユーザーがRSSに登録したりさらにブックマークすることによってさらに広がりを見せます。
さらにソーシャルブックマークの良い所は、更新した後、数日間経ってもアクセス数が落ちにくい所です。
ブログは記事を書くとping等により一気に発信され、ユーザーが集まります。
ただ、他のブログも更新されれば自分の書いた記事はどんどん古い情報となっていきます。
ソーシャルブックマークで紹介され続ければ数日間は波及し続けるのでその間は、アクセスを稼ぎ続けます。
そしてアクセスを稼いでいる間にさらにユーザーの関心を集めるような記事をUPすれば・・・・・。
とにかくWeb2.0的なプロモーションの代表のような存在ですが、特徴を理解し、有効に扱えば非常に効果のあるサービスです。
しかし非常に難しいのは、考えに考えぬいて書いた記事でも全くブックマークされず、力を抜いて10分ぐらいで書き上げてしまったブログのほうがブックマークされたりするところですね。
ご存知の方は当然の知識として知っていますが、意外と知らない方も多いようですので・・・。
実は、変わりません。
厳密に言えば、リニューアル後のサイトが旧サイトより検索エンジンから見て魅力的であれば
評価は上昇しますし、魅力的でなければ評価は下がります。
ただ、リニューアルや引越しという行為に対して評価が下がることはありません。
続きは以下からどうぞ。
]]>
というのも、以前「あなたのサイトはwwwありですか？なしですか？」という記事を書いたことがあります。
その記事を検索してアクセスしてくる方が非常に多いのですが、「.htacces 301」や「リダイレクト 301」というキーワードが結構多いのです。
実際検索してみても特に上位表示されるわけではないのにアクセス数だけはそれなりにあるので
恐らく、.htaccesによる301リダイレクトの設定をご存知でない方が多いように見受けられます。
HTTPステータス・コードの一つ。
HTTPステータス・コードとはサーバーがブラウザに伝える状態のことです。
なにやら難しそうですが、インターネットをしていて
403 Forbiddenや404 Not Foundや500 Internal Server Errorという画面を見たことがあると思います。
要するに、サーバーがブラウザに対して、今このWebページはこういう状態ですよと伝えるコードのことですね。
そのうちの一つが今回の「301」という状態です。
サーバーがブラウザに対して情報を伝えるという行為を「リダイレクト」と覚えておいて下さい。
301とはブラウザに対し、「恒久的なサイトの移転」を伝えます。
301リダイレクトを.htaccessなどに設定しておくと
検索エンジンがあなたのサイトにアクセスした際、「301が設定してある。ということは引っ越したんですね」
と判断します。そのときに引っ越した先に検索エンジンが持っていた評価やページランクも一緒に引っ越してくれるというわけです。
301リダイレクトで引越しをする際の記述は
.htaccessに「 redirect 301 /index.html http://引越し先URL/ 」
と記述するだけで良いです。
index.htmlというファイルにアクセスがあった場合、引越し先のURLに移動する。とリダイレクトされます。
Webサイトの引っ越し方法としてもう一つ方法があります。
metaタグに
＜META HTTP-EQUIV="Refresh" CONTENT="5; URL=http://引越し先のURL/"＞
こういった記述をする方法です。
これでも引き継いでくれることもあるようですが基本的にはオススメしません。
googleは301リダイレクトでの引越しを推奨しています。
この方法で引越しをする際気をつけたいポイントは自動的にジャンプする時間を出来る限り短くする事です。
あまり長いようだと検索エンジンから見たときに「引越し・・・たの・・？どっち？」という判断しかねる状態に陥るようです。
なので、どうしてもこの方法でないといけない場合は長くても3秒程度に設定しておいて下さい。
尚、Javascriptでも自動的にジャンプさせる方法はありますが、検索エンジンはJavascriptを無視する為、全くオススメできない引越し方法です。
それどころかスパムサイト扱いされる可能性もあるのでご注意下さい。
ホームページを導入したことによる成功例は多くありますが、やはり全く成約に繋がらない、お問い合せがこないといった目的達成のためにホームページが機能していないという失敗のケースが多く見受けられます。
多くのホームページ管理者はSEO対策などアクセスの増加などに問題があると考えられていますが、「ホームページの機能面」を無視したことによるリピーターの低さも非常に重要な問題です。
では、「ホームページの機能面」を高めるにはどのようにしたらいいのか。。。
「ＬＰＯ」を高め、ユーザーの視点に立って「ユーザビリティ」を高める！
有名横文字です。意味もこのブログを読まれる皆さんはご存じでしょう。
具体的には！？
中小企業専門コンサルの「WorksTrust」様を例にワンポイントテクニックを簡単に解説したいと思います。
このサイトは、「Markezine」の記事にも出てくるほどの、有名サイトで、実際に高いコンバージョン率があると考えられます。
プライバシーマークなどで上位表示されています。
このときにユーザーは「プライバシーマーク」に何らかのニーズがあり実際にサイトを訪れたときにこのサイトが「プライバシーマーク」の専門コンサルであるということがすぐにわかります。
Ｆ理論(ユーザーの視線)や、文字の大きさから明確です。
これは、SEO対策上でも非常に重要な要素ですが、これはユーザーの立場に立てばそのサイトを去るか去らないかの決定項目にもなります。このケースだと、「プライバシーマーク」意外に、ファイナンスやマーケティングなどのコンサルなども同じボリュームで紹介されていたら、「あ、このサイトは違う」といった事になりかねません。また、専門性が高いと言うことをユーザーが認識できれば成約率が上がるということも有名な事実です。
非常に有名な事実なので、ご存じの方も多いのではないかと思います。ここでは、お客様の声を記載するときのワンポイントテクニックをご紹介します。よく情報商材のお客様の推薦などのコーナーでドアップの写真を掲載しているケースをよく見受けられますが、、、
このような工夫をすることで、ユーザーに対するイメージは自然なものとなり
プラスな印象を持ってもらえるため成約が高まります。
サイドメニューは全ページ同じものを使用し、ページごとに変更しないようにしましょう。
特に、サイドメニューにはサービスのコースや詳細に関するメニューを設置しましょう。ユーザーはピックアップバナーや、サービスの特徴・価格などを先に見る傾向があります。そこで、気に入ってもらったときにいつでもサービスのコースや詳細に関するものをみてもらえるように工夫することで、スムーズにサイト内を移動できるためユーザーにストレスを感じさせません。
いかがでしたでしょうか。
アクセスアップにばかり力を注ぐのではなく、成約率を高めるための工夫も
是非、貴サイトに取り込み、成約率の向上に繋げましょう。
動的なURLを含まない確実に効果のあるリンクとなっていますので
登録すればMKK WORKSからの被リンクが1件獲得できる形になります。
登録は無料で、悪質なリンクファームサイトや公序良俗に反するサイト等でない限り
どのようなサイトでも登録可能となっております。
MKK WORKSでもそうですが、サイトを制作したばかりやアクセス数が伸び悩んでいるサイトには最適です。
MKK WORKSでは、全力をあげてページランクや検索順位の上昇を目指しております。
当サイトがページランク上昇することによりリンク先サイト様の価値も上昇致しますので相互協力の上、アクセスアップを目指したいと考えている次第です。
ぜひ、ご登録下さいませ。
]]>いわゆるリンクベイティングに近い形になりますが
無理矢理釣るというよりも、引き付けるというイメージです。
ブログの記事には人がどうしてもクリックしたくなる記事タイトルがあるようで、
そのタイトルの付け方をするとアクセスが増える傾向にあるようです。
ちなみにわざと今回のエントリータイトルもこのエントリールールに従ったタイトルの付け方になっています。
最近ではファッション誌にもこういう見出しがついていたりして本屋で笑いをこらえるのに必死になったりします。
私も最近はこういったタイトルに「またか」と思っています。ついクリックしてしまいますが・・・・。
その他、非常にクリックされやすいタイトル。
以下の通りです。
○○を増やす○○個の○○（ポイント、戦略、コツ等）
最低限○○（知っておきたい、心がけるべき）の○○（デザイン、最適化、構造）の○○（ポイント、戦略、コツ）
○○（何か）に対する○個の○○（提案、警告、不安）
○○に学ぶ○○の方法
○○に役立つ○○、まとめ○○個
代表的で特に多いものは以上でしょうか。
そういったタイトルをつけているとよくクリックされる反面、
内容がともなっていないと離脱率、直帰率が非常に上がってしまいます。
普段は通常の記事をUPし続け、何回かに１回だけ使うようにすると効果的なように思えます。
皆さんもタイミングを見極め、ここぞというときに使って見て下さい。
]]>
続きは以下からどうぞ。
もう一度言いますが、読まれる以前に、見てもらえなければ全く意味がありません。
その後、その大風呂敷を広げたタイトルの記事を読む読まないはユーザーの判断に委ねられるのですから。
以上を大前提として記事を書くように心がければ必ずアクセス数は増えていきます。
しかし、毎回全力投球するとすぐにネタが切れてしまったりいつの間にか記事の質が低下していたりします。
本当に大切なことは継続して記事をUPし続けることです。
記事の数が増えれば検索にもひっかかりやすくなり、サイト内のリンクも量的な力を持ち始めます。
まずは難しく考えすぎず気楽に上記の5つを守りながら更新を続けてみて下さい。
ただ、場所は取るし広告みたいだしいちいち各社のソースを貼り付けるのもなかなかの手間です。
そんな手間はこれから必要ないのかもしれません。
続きは以下からどうぞ。
新しいものが好きな方の中にはもうすでに知っている方もいるかと思いますが
主なソーシャルブックマークサービスを一つのボタンでまとめてくれるWebサービスがスタートしました。
このボタンを本日より使用することにしました。
まだ馴染みは薄いかもしれないので
今まで通り、各社のブックマークボタンはつけておきますが
頃合を見てこちらだけにしようかと思っています。
このWebサービスは
Add Clipsが提供するサービスです。
ただ貼り付けるだけならユーザー登録など面倒な手続きは一切不要で誰でも簡単にブックマークボタンが使用できます。
ユーザー登録をすればブックマーク登録状況などもチェックできるようです。
今後もブックマークできるボタンを増やしていくようなのでますます便利なサービスとなりそうです。
ソースが長かったりなんかするとそれも余計に面倒です。
トリプルクリックすれば段落ごと範囲を選択できるのですが特に段落になっていない場合、全文選択されたりしてイラっとします。
Webサイト制作者ならそんな面倒なサンプルソースのコピーをユーザビリティに配慮し、少しでも楽にしてあげたいものです。
実は上記のサンプルテキストボックスはテキストをクリックするとワンクリックで全てが選択されるようになっています。
あとは右クリックしてコピーするだけですね。
ユーザーからすればそんな数秒、数回の簡単な操作も簡略化されていればストレスが減るわけです。
こちらがサンプルソースなので用途にあわせて使って下さい。
<input type="text" onfocus="this.select()" value="URL" size="55" />
<textarea cols="50" rows="3" onfocus="this.select()"><a href="URL"></a></textarea>
Webサイトの世界は日ごとシビアになってきており、ほんの少しのストレスがウィンドウを閉じる要因になってしまうことがあります。
企画や、デザインに力を注ぐのも当然ですが、こういった小さなことも積み重ねていきたいものです。 ]]>
ColorBlender
http://colorblender.com/
配色を教えてくれるカラーミキサーサイト
カラーサンプルのすぐ下にある「Editing mode」はAutoMatchにチェックが入っているのでそのまま
「Edit Active Color」のRGB値のスライダーを動かして下さい。
カラーサンプルが自動的に相性の良いカラーに変化していきます。
配色はセンスによるところが大きいですが、セオリー通りの配色も参考になります。
browsershots.org
http://browsershots.org/
詳しくは色々なブラウザで自分のサイトをチェックできる便利ツールの記事ですが
様々なブラウザでのチェックが行えるサイトです。
できればIE、safari、Firefoxでの表示確認は行いたいものです。
Image to HTML Converter
http://neil.fraser.name/software/img2html/
画像をテーブルタグに変更してくれるサイト
使う機会があるのか疑わしいですが、もし実践的な機会があるとすれば、
画像が使えない箇所にテーブルタグが使えるならば、これで画像を使うことができてしまいます。笑
Button Maker
http://tools.dynamicdrive.com/button/
詳しくはブログを彩るアイコン達の記事ですが
ブログによくある
といったボタンを設定を少しイジるだけで色々と作れてしまうサイト。
海外サイトですがWeb制作者にとっては簡単な英語だけなので気軽にどうぞ。
MOJI-Q
http://kazina.com/qr/index.html
無料のテキスト付きQRコード作成サービス。
モバイル対応ブログなどは必須ですね。
favicon2dots
http://favicon2dots.com/
画像URLを入力してワンクリック。
ドット絵のfaviconを作ってくれるサイト。
PSBurshes
http://www.psbrushes.net/index.php
photoshopのブラシを大量に置いてあるサイト。
使い方次第で面白い素材が作れそうです。
メディアコンバート
http://media-convert.com/ja/
様々なファイルを変換してくれる恐ろしく便利なサイト。
bubbl.us
http://www.bubbl.us/
Web2.0風なマインドマップが作れるサイト
保存したり、作り直したりするのは無料ユーザー登録が必要です。
とりあえずすぐ作るだけなら登録不要となっています。
もちろんプリントアウトも可能です。