URL最適化5つのSEOポイント | エンジニアのためのSEO入門
前回の記事では検索エンジン全体の仕組みをおさらいし、その中でもクローラーの動きに着目しました。最新の情報を検索結果に反映させるためには、クローラーになるべく多くの回数自社サイトを訪問してもらい、ページの内容を適切な情報としてインデックスしてもらう必要があります。 このインデックスの際に重要なのが、サイトに対するクローラーの回遊性「クローラビリティ」です。クローラビリティを向上させる要素の1つとして、URLの最適化があげられます。SEOには、キーワードやカテゴリの設計、HTMLの最適化、外的施策などさまざまな対策が考えられますが、その中でもURLの最適化は、最も重要な要素の1つです。いくら他の対策が完璧でも、URLの設定によってはいい効果が期待できません。 一口にURLの最適化といってもさまざまです。この連載では、以下の3つの方法を説明していくことにしたいと思います。 永続化 ←この記事で解
【新人Webデザイナー向け】Webドリル vol.2： このバナーもっと目立たせてください！
【2位】A：オレンジ オレンジは、暖色系で高彩度なので、 興奮色、進出色として使うことができます。 △背景のベージュに対して、オレンジは同じ色みなのでなじんでしまいます。なので、この場合は2位にしました。 【3位】C：緑 背景の黄色に対して、緑は隣り合った色相なのでなじみます。 写真の植物とも近いので調和がとれています。 △きれいにまとまりますが、インパクトは弱まるかも。 デザイナーが陥りがちな色彩のワナ 目立たせたいとき、ワンパターンに、赤やオレンジをつい使ってしまう 目立たせたいのに、きれいにまとめてしまう 【目立たせルール！】反対色を試してみよう！ 暖色の背景には寒色の文字、 寒色の背景には暖色の文字を使うと引き立ちます。 それ以外の中性色の場合は隣接していない色を選んでみましょう。 【目立たせルール！】グレースケールでコントラストを確認！ ここで注意したいのは、反対色を使うだけでは
知らない人は損してると思うMacの使い方 Ctrl+2 - スチーム速報 ＶＩＰ
スチーム速報 ＶＩＰ あの夏の日、僕たちは輝いていた。
Firebugの使い方 | THE HAM MEDIA
Webサイト制作をしている方には、必需品なんじゃないかと思われるくらい便利なFirefoxのアドオン『Firebug』。HTMLやCSSのコーディングを担当している人の多くはいれているアドオンですね。 Firebugを入れて使っている人は多いようなのですが、意外と知られていない機能が盛り沢山だったということが、先日の勉強会（SaCSS）にて発覚！使っているといっても、一部の機能に限られてしまっているようなのです。 もちろん「そんな機能知ってるよ！」というくらい使っている人も多いと思います。しかし、そんなに使いこなせていないや、活用できていない！という人も勉強会の時に多かったように、実際にも多いはず！ Firebugの使い方をもう少し知っていると、Webサイトの制作の時に便利だ！と思える場面が多々でてくるので、是否今回ご紹介する機能は抑えておき、活用してみてください。 HTML&CSSの確認
質の高いTwitterのフォロワーを増やすために意識すべきこと - EC studio 社長ブログ
——————————————————————————— ■書籍紹介：「iPhoneとツイッターで会社は儲かる」 iPhoneとツイッター、そしてGoogle Appsに組み合わせた クラウド上で起こるコミュニケーション革命について詳細に解説しています。 最終章ではGoogle 代表取締役の辻野氏との対談も収録しています。 ※アマゾンで購入いただいた方にはGoogle辻野社長とのインタビュー 音声ファイルをプレゼント！書籍には収録されていないGoogleの未来についての 話がたっぷり詰まっています。詳しくはコチラ ——————————————————————————— Twitterを始めて約4ヶ月が経過しましたが、ようやくフォロワーが 1000を越えようかという段階に達しました。Twitterをやってる人なら 誰もが自分のフォロワーを増やしたいと思いますよね。私もそうです。 ネット上にはフ
FirefoxをSEO好きやWeb制作者向けにカスタマイズする為のアドオン8選＋α | パシのSEOブログ
SEOやWeb制作を行う上で、サイトの分析やチェックが必要になる事も多いと思いますが、作業効率を上げる為にFirefoxをまっさらな状態から完全なSEO・Web制作仕様にカスタマイズする方法をご紹介します。カスタマイズと言ってもアドオンをインストールするだけですので、誰にでも簡単にできます。 SEO関連 SEO for FireFox ダウンロード Googleの検索結果にSEOに役立ちそうな情報を表示する事ができます。また、nofollowリンクを視覚的に分かりやすくする機能もついています。 利用する為には無料ユーザ登録が必要です。メールアドレスとユーザーネームを登録し、送られてきたメールに記載のパスワードでログインし、さきほどのダウンロード画面からインストールできます。 「ツール ⇒ SEO for Firefox ⇒ Option」で表示したくない項目は消すことが出来ます。Autom
img要素でalt属性の内容がポップアップしない - Web標準普及プロジェクト
img要素でalt属性の内容がポップアップしない img要素のalt属性に値を設定しておくと、 その画像の上にマウスカーソルを乗せた時にポップアップによってその画像の説明が出る、 またはalt属性そのものがそういう役割の属性であると認識している人がいるようですが、 このような考え方は間違いです。 alt属性の仕様 img要素のalt属性の説明を仕様書から見てみましょう。次のように書かれています。 alt = text [CS] この属性は、画像、フォーム、アプレットを表示できないユーザエージェントのために、 代替テキストを指定する。代替テキストの言語は、lang属性で指定する。 非テキスト系の要素である、IMG、AREA、 APPLET、INPUT要素は、著者に対し、 当該要素が順当にレンダリングされない場合の要素内容として提供される代替テキストを指定することを求める。 代替テキストを指定
Webdog - Uw Online Speurneus
Als je op zoek bent naar een betrouwbare partner voor je koeltransportbehoeften, kijk dan niet verder dan Petit Forestier. Met… Hallo, Willem hier! Welkom op mijn blog: Webdog! Ik heet Willem en heb dit blog vernoemd naar mijn hond Bram. Nou ja, niet vernoemd, maar toch wel een beetje opgedragen aan hem. Vandaar de woordspeling. Behalve mijn hond zijn andere belangrijke dingen in mijn leven: mijn
これ以上ないというぐらいに詳しい「動画の作り方」まとめ｜blogs.com
はてブ これ以上ないというぐらいに詳しい「動画の作り方」まとめ delicious livedoor クリップ Tumblr Instapaper メールで送信 IT・Web 2009.10.15 0 ニコニコ動画やYouTubeを中心に動画全盛期を迎えている今、見るだけでなく自分でも実際に動画を作ってみたい――そう思っている方も多いのではないかと思います。 「でもそんな知識はないし......」 「そもそもどこで作り方を学べばいいのかわからない」 そんな風に悩んでいるあなたのために、これ以上ないというぐらいに詳しい動画の作り方マニュアルが、「酔拳の王 だんげの方」でまとめられていました。 こういった実際の画面のキャプチャ画像付きで、クリックする場所の一つ一つまで丁寧に解説してくれるので、どんな初心者でも問題なく動画制作ができるようになるはず。 記事は2年前以上前のものですが、動画制作の
IE 6で泣かないための、9つのCSSハック (1/3) - ＠IT
有限会社タグパンダ 喜安 亮介 2009/10/8 Webブラウザごとのレンダリングエンジンの違いにより起こるレイアウトの表示ずれ問題に泣かされるWebデザイナのために、Webブラウザごとに使えるかどうかの表を交えながら問題を解決するためのCSSハック＆フィルタTipsをお届けします（編集部） 最も多く使われているのに……、いや、だからこそ 多くのWebデザイナの悩みの1つは、レイアウトの表示ずれ問題だと思います。これは、各Webブラウザが採用しているレンダリングエンジンの違いから起因している場合が多いです。その中でも、最もWebデザイナ泣かせのWebブラウザなのは、マイクロソフトが開発しているIE（Internet Explore）のバージョン6です。 IE 6は、発売開始当初のWindows XPにデフォルトでインストールされていたWebブラウザということもあり、世の中の多くのユーザー
立体感のあるボタン・バッジを作るPhotoshopチュートリアル40+ – creamu
これもかなり前のエントリーですが、Naldz Graphicsで立体感のあるボタン・バッジを作るPhotoshopチュートリアルが紹介されています。 ざっといくつかご紹介。 ↑はDesign panic button logo icon in photoshop。 How to make a cool button How to Create a Glassy Button or Enamel Badge Effect in Photoshop Photoshop tutorial website pill button icon design in photoshop How to Create a Slick and Clean Button in Photoshop 参考になるチュートリアルがそろっていますね。 その他のリストは以下からどうぞ。 » 40+ Best Photosho
へたくそな文章だと思わせないための、たったひとつの法則
これから書くことは、あまりにもシンプルで、誰かがもうすでに書いてるんじゃないかと思う。 けど、今朝こんなの(※1)がホッテントリ入りしてるのを見て、なんでこんな誰も使えないようなくだらないテクニックがもてはやされるんだろうと疑問に思ったことだし、一つ書いてみることにした。 へたくそな文章だと思わせないための法則は、 繰り返しを避けるこれ一つだけだ。 あらゆる文章について、この「繰り返しを避ける」という言説を当てはめて、文章をより良いものにすることが出来る。それは何も難しい事じゃないし、誰でも、今からすぐにできることだと思う。 ひとつの文の中で同じ言葉を何度も使わないことはもちろんだが、もう少しこの法則について吟味してみよう。 まず、へたくそな文章を書く人の大半は、 語尾がいつも同じなのである。よく見かける、「～だ。～だ。」の一本調子では、読んでいる方が疲れる。もちろん、新聞のように厳しく字
nanapi [ナナピ] 生活の知恵があつまる情報サイト nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]
2020年8月31日(月)をもちまして、nanapiに関わるすべてのサービスは終了いたしました。 nanapiは、2009年のサービス開始より「みんなで作る暮らしのレシピ」という考えのもと、ユーザーの皆さまに生活に関する様々な「ハウツー」を投稿していただく投稿型ハウツーサービスとして運営してまいりました。 約11年間にわたって皆さまからご支援をいただきサービスを継続できたこと、nanapi編集部一同、心より御礼申し上げます。 掲載されていたコンテンツなどのnanapiについてのお問い合わせは、nanapi@supership.jp までお願いいたします。 長きに渡りnanapiを応援してくださり、本当にありがとうございました。
![暮らしの情報サイトnanapiはサービスを終了いたしました | nanapi [ナナピ]](https://cdn-ak-scissors.b.st-hatena.com/image/square/8a16edda184ebee872363aec9dc43139c309a00c/height=288;version=1;width=512/https%3A%2F%2Fp1-dd40651e.imageflux.jp%2Fr%2F2014%2F09%2F09%2F16%2F20140909161301_540ea87d88f98.jpg)
CSS Nite vol.39 フォローアップ | gaspanik weblog
こちらの記事を先日の「CSS Nite vol.39」のフォローアップとさせていただきます。 スライドの方は別途公開ということで、フォローしておいた方が良さそうなカラーマネジメント系の話とモニタの調整の手順（Windows / OS X）、あとおまけで講演時に使ったトマトの写真の元写真からCamera RAWを使った補正の手順をざっくりと書き記しておきます（元ファイルはダウンロード可）。 （追記: 2009.09.25）スライドと音声をCSS Niteさんの方で公開していただいたようです。なお、スライドのみSlideShareでも公開しておりますので、オンラインで確認したい方はこちらからどうぞ。 非常に長いエントリーになるので気合いを入れてください（笑）。 ブラウザのカラーマネジメント的なことまず、ブラウザを介して見る自身の環境の状態からいってみましょう。ICCのWebサイトのこちらのペー
辞書登録とかめんどくさい人のための記号文字出し方
もしかしてこーゆーのって案外需要あるのか。 いや、なかったらごめんなさい。 以下全部IME。ことえりとかしらんがな。 (´∀｀)()→Shift+8,9 ´｀→"きごう"で根性だして探す ∀→"すべて" (,,ﾟДﾟ),→Mの横のキー ﾟ→パ行の文字を変換時にF8キーで分解：ﾊﾟ→ﾟ Д→"でー" ⊂(^ω^)⊃⊃⊂→"すうがく" ω→"おめが" ^→\キーの左 (^_^;ゞ←→ヾ(ﾟдﾟ)/← ゝ(〃々〃)← 全部"おなじ" ('Å`)'→Shift+7 `→Shift+@ Å→"おんぐすとろーむ" ∧ ∧ ←Σ(,,ﾟдﾟ) ﾅ、ﾅﾝﾀﾞｯﾃｰ!?∧→"および","すうがく"or"きごう" ∨→"または" ＞＜→shiftしながら寝る Σ→"しぐま" ∧とΛの違い。Λ(右の方)→"らむだ" (｡。) 。(全角句点)→全角日本語入力で"る" ｡(半角句点)→ ↑を変換時にF8 「大きさ一
ファイル同期以外にも使える「Dropbox」の使い方、4選 | ライフハッカー・ジャパン
疲れやすい、呼吸の浅さを改善。ストレッチポールは毎日使いたいほど気持ちがいい!【今日のライフハックツール】
髪の毛などが込み入った背景を削除する方法 / ウェブデザインライブラリー
投稿日：2008年2月19日 レベル：上級者 ソフトウェア： 対象を背景から引き出す3つの手法についてご紹介します。この中から気に入った方法を使って作業できます。 Step1 ： 抽出ツールを使用する Step2 ： ブレンドモードを使用する Step3 ： チャンネルの使用 画像を開きます。「フィルタ」−「抽出」を選択するか「Alt」＋「Ctrl」＋「X」キーを押してください。 パレットツールのエッジハイライターツールを使ってモデルと背景の間の縁に色を塗ります。このステップでは、できる限り注意深く作業してください。 塗りつぶしツールを選択してモデルの内側の空間に色を塗ります。 プレビューを押して結果がよければ「OK」を押してください。 するとこのようになります。 モデルの周りの縁がまだ白っぽい場合は、 覆い焼きツールを使って削除してください。 最後はこのようになります。 新しい
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Microsoft サポート
LightBoxの使い方とカスタマイズ方法 | CSS Lecture