ブログ初心者のための「SEO スターターガイド」解説（WordPress 対応） - Naifix
検索サイトからのアクセスを増やすには、最低限の検索エンジン最適化（SEO）が必要です。 SEO ノウハウはネット上にたくさんありますが、まずは Google が公開している「検索エンジン最適化（SEO）スターター ガイド 」で基本的な部分を勉強しましょう。 でも、SEO スターターガイドは一般的なすべてのサイトを対象としており、WordPress ブログでは改めて対策しなくてもよい部分もいくつかあります。 本記事では WordPress でブログを運営している初心者が対応しておくべき点のみをピックアップして解説していきます。推奨項目を満たしているか、確認してみてください。 WordPress ブログで優先して対応すべき 9 項目 SEO スターターガイドで優先して取り組むべき項目は以下の 9 個です。 わかりやすく有益な記事タイトルを付ける 適切な見出しを付ける カテゴリーを最適化する
Webデザイナー志望の学生必見!!アイデア出しで行き詰まらないための5つの方法 | キャリアバイト
ここで意識してほしいのは、Webデザイン以外のデザインを見るということ。 グラフィックや映像・パッケージ・プロダクト・建築など様々な年鑑が毎年出版されているので、普段見ないデザイン分野やその年のデザイントレンドを一気に見ることができます。 ただ、デザイン書は基本的に高価格のものが多いので、まずは図書館などでチェックすることをオススメします。気に入れば購入し、財産として持っておくと良いでしょう。 …少し脱線するかもしれませんが、こちらのコピー年鑑も面白いですよ。 3.自分の限界を超える もう限界きてるよ…という方に試してもらいたい方法。 それは、制限時間を設けてデザインをスケッチブックに描き出してみることです。 例えば3分間でスケッチブックに何個のアイデアを描き出せるか、一度やってみてください。 さて、いくつアイデアが出てくるでしょうか。 最初は1つや2つくらいしかアイデアが出てこなくても、
指定したウェブサイトの配色一覧を作成してくれるサービス「Colours」 : 二十歳街道まっしぐら
Coloursはウェブサイトで使われている配色を網羅できるサイトです。 解析したいウェブサイトのURLを指定すると、 そのサイトで使われている配色が一覧で表示されます。 また、どの色がどれくらい使われているかの分布も確認できますよ。 そのサイトと同じような配色を使っている類似サイトも教えてくれます。 ウェブサイトの配色決めの参考になりそうですね。 以下に使ってみた様子を載せておきます。 まず「Colours」にアクセスしましょう。 解析したいサイトのURLを入力します。 しばらく解析に時間がかかるので、待ちましょう。 （解析失敗になることも・・・しかしもう一度解析してみるとうまくいったり） このように結果が表示されました。 ブログ内で使われている色が一覧で表示されています。 茶色メインでおじさんくさくなってますね・・・。 色の分布です。 この下に、同じような配色をしている類似サイトも表示さ
ブログを更新する時間帯を工夫してアクセスを増やす方法
Eternal clock / Robbert van der Steeg ブログのアクセス数と、記事をポストする時間帯は関係があると思っています。ネット利用者が一番多い時間帯を狙っていけば、人の目にとまる確率が高まって、アクセス数もアップするはずです。 では、どの時間帯が一番効率が良いのでしょうか？ 利用者数の多い時間帯は？ RSSやツイッターのタイムラインは、刻々と更新されていくため、ポストするタイミングによって、反応が違います。極論を言えば、朝の4時にポストしても、ネットを利用している人が少ないので、アクセスはありません。 「インターネット白書2009」のデータによれば、人々がインターネット最も利用する時間帯は、夜の22時がピークであることが示されています。 ツイッターの利用者の傾向（アメリカ）も夜の22時にピークが来ています。ただし、午前中の11時にもピークがあって、9時から23時
デザインの基礎力をワンランクアップしたい私（Webデザイナー）の注意書き
Webデザインは、紙の上のデザインと違うところも多いと思います。でも同じデザインですから、歴史ある DTP デザインから学ぶことはいっぱいあります。デザインの基礎の基礎、レイアウトについて、デザインするときに気をつけたい基礎の部分の注意書きです。 毎日インターネットを見ていると、素敵なデザインの Webサイトに出会います。ときにはひと目惚れしちゃうようなこともあります。そんなデザインにあったとき、どうして素敵なのかなーと考えるのも勉強のうち。そう思って素敵なデザインはストックしておいて、自分なりにそのデザインが素敵な理由を考えてたりします。 デザインの理由 どうしてそういうデザインをしたのか … デザインには理由があります。気まぐれに色を選んだり、要素を配置したりしないからです。なので自分のデザインの理由、どうしてそういう風にしたのかということを、口で説明できないとダメだと言われます。もち
検索トラフィックを簡単に増やす10の秘訣 | Moz - SEOとインバウンドマーケティングの実践情報
僕は今、連れ合いのMystery Guestと一緒に、カリフォルニア州オーシャンビーチにある親戚の家で休暇を過ごしている。一緒にお気に入りのテレビ番組を見た後、Mystery Guestは1時間ほど前に眠り込んでしまった。さっきまで降っていた雨も上がり、とても静かだ。聞こえてくるのは波の音ばかり。時おり、表を通る酔っ払いの声もするけどね。 今の幸せな気分をみんなと共にしたくて、ちょっとしたプレゼントを用意した。SEOに関連して知っておいて損はない10の秘訣だ。あまり手間はかからず、かなりの効果が期待できるよ。 #1 キーワード カニバリゼーションをリダイレクトで解消するだいたいどこのサイトでも、最も重要なキーワードでターゲティングしているページが複数あるものなんだ。同じサイトのページが検索結果の2ページ目と、3ページ目、4ページ目、それに5ページ目といった具合に分かれて表示されて、結果的に
「クリエイティブな記事」を作るための３つの条件
「クリエイティブな記事」とは一体なんだろうかと言う事について考えてみましょう。 そもそもクリエイターと呼ばれる人たちが、育み生み出す作品と言うものにはどんな共通点があるかを考えた事はありますか？ 私はデザインと同様にテキストも創造されるものだと考えています。 多くのブロガーが多くの記事を作っていると思うのですが、私も毎日大量の記事を見ているなかで、これはクリエイティブだなと感じる記事にたまに出会います。 今回はこうした記事を作るために、何が必要なのかを考えてみたいと思います。 クリエイティブを理解する ブログ記事のクリエイティブ性を問われる場合、真っ先につけられるコメントがあります。 それが 目のつけどころが違う切り口が斬新そこを突っ込むか という言葉です。 特に「切り口が素晴らしい」という言葉は日本のブロガーによく使われる褒め言葉だったりします。 切り口が素晴らしいという記事はそれこそが
ユーザーにウェブサイトの信頼感を与えるための10のガイドライン
ユーザーが安心してウェブサイトを利用できるように、ウェブサイトの信頼感を与えるためのガイドラインを紹介します。 Stanford Guidelines for Web Credibility [ad#ad-2] ガイドラインは少々古いものですが、現在でも通用するものではないかと思います。 下記は10のガイドラインとその簡単な説明を意訳したものです。 ウェブサイトの情報や記事が正確なものであるか実証することを簡単にする。 これらの証拠となる第三者やベースとなる資料へのリンクを掲載することで、ウェブサイトの信頼性をつくることができます。これらのリンクをクリックしないとしても、人々はあなたの情報や資料に対して信頼を示します。 ウェブサイトの運営組織、または運営者を明らかにする。 ウェブサイトが合法的な組織によるものであることを明示することは信頼性を引き上げるでしょう。一番簡単な方法は物理的な情報
Google AnalyticsとAdWordsの意外と知られていない裏技コンボ｜ホットココア社長日記
アナリティクスとアドワーズを使って売上を確実にアップさせれる、 「意外と知られていない裏技コンボ」と言うのがありますので今日は紹介したいと思います。 Google AnalyticsとAdWordsの意外と知られていない裏技コンボは、結論から言うと 「アナリティクスでコンバージョン設定をし、”Yahooから流入が多く成約が高いSEOキーワード”で”Googleで上位表示されていないSEOキーワード”でアドワーズに出稿する」 です。 もちろん、成約の高いワードでGoolgeで上位で、Yahooで上位にないものはオーバーチュアに出稿すればばいいです。 これを、非モテSNSで試した事があったのですが 会員登録数が”出稿期間は2.3倍”になりました！ ただ、この設定って僕も1年以上やって、最近理解し始めたややこしい手法ですので、 あくまで今日は設定方法よりも、”こんな感じな事がア
60個のソースが無料でダウンロードできるFlash 3Dの学習サンプル集 | ClockMaker Blog
当ブログではFlashの3Dに関する記事を数多く書いていますが、この度それらの記事をこの1ページにまとめてみました。系統別にまとめたので、目的とする解説やサンプルが探しやすくなったのではないかと思います。それぞれの記事でソースファイルをダウンロードできますので、学習の理解にお役立てください。 Flashの3Dエンジンで最もメジャーな「Papervision3D」を中心にブログ記事を書いています。 Papervision3D – チュートリアル クリックで再生できます フレームア クションで覚える PV3D チュートリアル Vol.01 フ レームアクションで覚える PV3D チュートリアル Vol.01 (補足) フ レームアクションで覚える PV3D Vol.02 : Primitiveを理解する フ レームアクションで覚える PV3D Vol.03 : Materialを理解する フ
色々な視点のフリーWordPressテーマまとめのまとめ - かちびと.net
探すの面倒なのでまとめてある 記事をまとめます。タイプ別とか 色々な形式でまとめてくれている のは個人的にありがたい。一応 無料で手に入るテーマに絞って います。 というわけでまとめのまとめです。当然重複しているテーマもあるのでご了承下さい。量が多いので重いです。 総合的な感じのまとめ記事 クオリティが高いテーマのまとめとか、とにかく集めた！みたいな感じのまとめ記事いろいろ。 40 Free High-Quality WordPress Themes クオリティの高いフリーのテーマ40個 Link:40 Free High-Quality WordPress Themes 40 FREE PREMIUM-QUALITY WORDPRESS THEMES シンプル系からギャラリー系までいろいろ40個 Link:40 FREE PREMIUM-QUALITY WORDPRESS THEMES
時間の節約になるWeb制作関連ツール 12+1
2013年4月2日 便利ツール Webサイトを作る際に、じっくり時間をかけたい作業とそうでないものがあると思います。細かい作業は便利なツールで作業時間の短縮をして効率よくすすめましょう！今回は私がいつも使っているものとSMASHING MAGAZINEで紹介されていて「おぉっ！」と思ったWeb制作に関する便利ツールを紹介します。 ↑私が10年以上利用している会計ソフト！ Photoshopテンプレート まずは私Mana作のPhotoshop用テンプレート。グリッドなんぞ入れてます。グレーのエリアがファーストビュー。結構昔に作ってずっと使ってる感じです。 » Photoshopテンプレートをダウンロードする Instant Blueprint http://instantblueprint.com/ Webサイトを作る際の最初のステップを楽にしてくれるサイト。CSS, images, JSな
商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」
TOP > WebDesign > 商用可！WEB制作用途に特化したアイコンを6200個以上をまとめた「The Best Icons Always」 WEBの制作には書かせないアイコン。デザイン感を統一させて用いれば、全体のクオリティを押し上げてくれます。今日紹介するのはWEB制作で使えるアイコンに特化したまとめサイト「WebIconSets.com- The Best Icons Always at Your Fingertips」を紹介したいと思います。 それぞれのアイコンセットごとにまとめられていて、それぞれかなりの数が収録されています。アイコンの総数は全部で6200個以上となっています。今日は紹介されているセットの中からいくつかピックアップして紹介したいと思います。 詳しくは以下 ■FamFamFam Silk: 700+ icons in PNG format (16×1
WEBプログラマー必見！WEB脆弱性基礎知識最速マスター - 燈明日記
以下は、WEBプログラマー用のWEB脆弱性の基礎知識の一覧です。 WEBプログラマーの人はこれを読めばWEB脆弱性の基礎をマスターしてWEBプログラムを書くことができるようになっているかもです。 また、WEB脆弱性の簡易リファレンスとしても少し利用できるかもしれません。 WEBアプリケーションを開発するには、開発要件書やプログラム仕様書通りに開発すれば良いというわけにはいきません。 そう、WEB脆弱性を狙う悪意のユーザにも対処しないといけないのです。 今回、WEBアプリケーションを開発にあたってのWEB脆弱性を、以下の一覧にまとめてみました。 このまとめがWEBアプリケーション開発の参考になれば幸いです。 インジェクション クロスサイト・スクリプティング セッション・ハイジャック アクセス制御や認可制御の欠落 ディレクトリ・トラバーサル(Directory Traversal) CSRF（
【Dreamweaver8の使い方/リファレンス】DREAMWEAVERでゴォ！
Dreamweaver 8使い方・リファレンス-目次 Dreamweaverでホームページを作る前にすること 新規にHTMLファイルを作る ウィンドウサイズの変更・調整 HTMLファイルのプロパティの変更 編集中のHTMLファイルの表示を切り替える 文字の入力 文字の大きさを変更する 文字の色を変更する 画像を追加する 罫線（区切り線）を追加する 箇条書きを作る クリックでメーラーを起動させるようにする 表を作る 別ページへリンクを作る 編集中のドキュメントにあるリンク先のページを開く HTMLファイルに名前をつける HTMLファイルを保存する 背景、テキスト、リンクなどの色を変更する ページマージンの設定 背景に画像をいれる 更新日付を挿入する 作成したページをブラウザで確認する 特殊文字を入力する コメントタグを挿入する ページ内リンクを作成する メタ情報を追加する 入力フォームを作成
Dreamweaverでゴォ！【Dreamweaver8でホームページを作る前にすること】
Dreamweaver 8を使う前に、以下のものをあらかじめ用意してください。 ホームページで使う画像素材 ホームページのテキストデータ ホームページの構成とデザイン など‥‥‥ あなたのホームページを作るために必要だと思うものはすべて用意してください。 なお、Dreamweaverは、HTML、Javascript、CSSなどホームページを作りために必要な技術情報を覚えておいた人が使いやすいアプリケーションになっていますので、HTMLなどはきちんと覚えておいたほうがいいです。 サイトの定義をする ホームページのデータはすべて、一つのフォルダで管理します。 DreamweaverではWebサイトを作成するパソコンのホームページのデータが入ったフォルダのことを「ローカルサイト」といい、サーバーを「リモートサイト」と呼びます。 まず始めに「ローカルサイト」をDremweaverで管理するための
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ホームページの作り方 勉強中だけど良いサイト教えて : はれぞう
あなたのブログが10倍アクセスアップする文章テクニック - はてなこわい＞＜
http://www.designwalker.com/2009/09/shopping-design.html
http://e0166nt.com/blog-entry-774.html
