Googleマップで上位表示するための6つのSEO
今や検索エンジンは、ウェブページを見つけるためだけに使うものではありません。 ほんの１年前と比べるだけでも、検索エンジンで調べることのできる情報の量と質は格段に伸びています。 そのうちのひとつに、地図があります。 初めて訪れる旅行先はもちろんのこと、ちょっとした外出、たとえば駅の近くにあるケーキ屋さんを探すのにも重宝します。 Googleは、Googleマップという地図サービスを提供しています。 ユニバーサルサーチの推進で、通常の検索結果にも地図結果が挿入されることが多くなりました。 地域性のあるビジネスやサービスを展開しているWebマスターにとっては、Googleマップやユニバーサルサーチでリスティングされれば、アクセス数の伸びが期待できます。 しかし、Googleマップに表示される仕組みは、あまり情報が出回っていません。 そこで、この記事ではGoogleマップSEO、ローカルサーチSE
Webタイポグラフィまとめ - Archiva
Make a note of it: Web tech, montaineering, and so on. Note: この記事は、3年以上前に書かれています。Webの進化は速い！情報の正確性は自己責任で判断してください。 フォント指定や行間、約物といった、文字周りのノウハウです。デザインというより技術的なまとめ。SWFObjectとかsIFRといったFlashネタを除けば、Webの文字は全部CSSでできるんだから... コーダこそタイポグラフィを意識すべし。看板みて書体言い当てるとか変態的な域まで達せずとも、原則だけ覚えとけばプロトタイプが様になるんだし。 オールドスタイル数字 アンパサンド（“＆”） スモールキャップ ハイフンとダーシ 各種スペース 合字 約物 約物はぶら下げる :beforeと:after 見出しのサイズ 初期フォントサイズ 行間の調整 余白の調節 各国の日付表記
AJAX APIs Playground
Google APIs Explorer Stay organized with collections Save and categorize content based on your preferences. The Google APIs Explorer is a tool available on most REST API reference documentation pages that lets you try Google API methods without writing code. The APIs Explorer acts on real data, so use caution when trying methods that create, modify, or delete data. For more details, read the APIs
検索トラフィックを簡単に増やす10の秘訣 | Moz - SEOとインバウンドマーケティングの実践情報
僕は今、連れ合いのMystery Guestと一緒に、カリフォルニア州オーシャンビーチにある親戚の家で休暇を過ごしている。一緒にお気に入りのテレビ番組を見た後、Mystery Guestは1時間ほど前に眠り込んでしまった。さっきまで降っていた雨も上がり、とても静かだ。聞こえてくるのは波の音ばかり。時おり、表を通る酔っ払いの声もするけどね。 今の幸せな気分をみんなと共にしたくて、ちょっとしたプレゼントを用意した。SEOに関連して知っておいて損はない10の秘訣だ。あまり手間はかからず、かなりの効果が期待できるよ。 #1 キーワード カニバリゼーションをリダイレクトで解消するだいたいどこのサイトでも、最も重要なキーワードでターゲティングしているページが複数あるものなんだ。同じサイトのページが検索結果の2ページ目と、3ページ目、4ページ目、それに5ページ目といった具合に分かれて表示されて、結果的に
Apacheの安全を確保するための10の対策 - builder by ZDNet Japan
あなたは自分の会社のウェブサイトをサービスするApacheをインストールしたところだとしよう。Apacheはスムーズに動作しており、万が一の場合にもLinuxのセーフティネットが助けになるはずだと思う。ところが、2週間ほど経ったところで、いろいろとおかしなことが起こり始める。なぜだろう。ApacheとLinuxを使っているのに・・・おかしくなることなどあるだろうか？ もちろん、注意を払わなければ、おかしくなることはいくらでもあり得る。Apacheを安全にする方法はあるが、もちろん何もしなければ安全にはならない。以下に示すのは、Apacheをより安全なウェブサーバにするための簡単な10の方法だ。 #1: とにかくアップデート LinuxでApacheを動かしているからと言って、アップデートが不要だということにはならない。常に新しいセキュリティホールやリスクが登場している。あなたは、最新のパッ
Webデザイナーのためのフリーイメージギャラリー20選 – creamu
簡単に使える画像ギャラリーを探している。 そんなときにおすすめなのが、『20 Free & Open Source Image Galleries for Web Designers』。Webデザイナーのためのフリーイメージギャラリー20選だ。 以下にいくつかご紹介。 » Auto Slider かっこよくてコンパクトなギャラリー » Flash Gallery クールで見た目の修正も可能なギャラリー » Flickr Show Flickrセットからギャラリーにセットできる » Gallerific スタイルとレイアウトが簡単にいじれる。↑のキャプチャはこちら » Highslide lightbox効果でグレーアウト。スタイルのオプションもついている その他のリストは以下から。 » 20 Free & Open Source Image Galleries for Web Design
UIデザインガイドラインのまとめ : could
UIUXガイドライン UIデザインガイドラインのまとめ デザインガイドラインは、実際同じようなガイドラインを作るときだけでなく、UIデザインを考える際にも役立つ貴重な資料です。今まで個別で紹介したことはありますが、今回は一挙にまとめてリストアップしてみました。 Introduction to Apple Human Interface Guidelines 個人的に UI デザインガイドラインといえばこれ。日本語訳も大変便利です Apple User Experience Guides ソフトウェア開発向けですが、イントロダクションあたりは参考になります iPhones Human Interface Guidelines 会員登録すると見れる PDF 資料ですが、上記のリンクからブラウザ上で観覧することが出来ます Windows User Experience Interaction G
CSSとdivを使った画像先読みテクニック:phpspot開発日誌
Better Image Caching with CSS ? Perishable Press CSSを使った画像先読みテクニック CSSの中に、background-image として指定しておくことで読み込ませるような方法もありますが、<div> と position を使って実現する方法 要は、position指定した見えないdivの中に<img>を仕込んで画像を先読みさせるというものみたい。 HTML <div id="preloader"> <img src="http://domain.tld/path/images/01.png" width="1" height="1" /> <img src="http://domain.tld/path/images/02.png" width="1" height="1" /> <img src="http://domain.tld
色々使えそうな、かっこよくアニメーションするスライダー実装JSライブラリ:phpspot開発日誌
Ultra versatile slider for websites 色々使えそうな、かっこよくアニメーションするスライダー実装JSライブラリ。 ウィジェット風に設置できそうなJSライブラリが紹介されています。 デモページ 次のように、divで大きく囲って中身にリストを定義して、リスト内をスライドさせるという、他の多くのライブラリで同じように実装されているようになっていて使いやすい。 <div id="slider-stage"> <ul id="myList"> <li >Box 1</li> <li >Box 2</li> <li >Box 3</li> <li >Box 4</li> <li >Box 5</li> <li >Box 6</li> </ul> </div> 次へ、前へリンクも<a>タグにidをふるだけみたいです。 <div id="slider-buttons">
Photoshopでカラフルで夢のような風景を作る方法 / ウェブデザインライブラリー
投稿日：2009年01月23日 レベル：初心者 ソフトウェア： このチュートリアルでは、Photoshopでカラフルで夢のような風景を作ってみたいと思います。 Step1 ： はじめに Step2 ： 新規レイヤーを作成しブレンドモード等を調整する Step3 ： テクスチャを挿入し加工する Step4 ： テキストブラシを使って画像を飾る Step5 ： 完成
1枚8ドル～で納期は24時間？！プロによる写真修正サービス『Tucia』 | 100SHIKI
1枚8ドル～で納期は24時間？！プロによる写真修正サービス『Tucia』 January 23rd, 2009 Posted in 画像・映像管理 Write comment Photoshopなどである程度写真の修正が出来る人も多いだろうが、ここぞ！というときにはプロの手を借りるのがいいだろう。 そういう意味でTuciaをご紹介。 このサイトはネット上で完結する、プロによる写真修正サービスだ。 こうしたサービスは他にもあるが、こちらが心配になるほどサービスが充実しているのが特徴だ。一番下のプランで8ドルから、しかも納期は24時間である。かつ、結果に満足しなかったら何度でも修正依頼ができるという（大丈夫か・・・）。 なお、写真の修整に関しても細かい指示が可能で「白黒に直して、背景をかっこよくしてほしい」とか「イラスト風に直して欲しい」といったこともできる（修正の度合いによってもちろん値段は
2009年のウェブデザインのトレンド：レイアウト編
先日、紹介した「2009年、押さえておきたいウェブデザインの10のトレンド」の続き、レイアウト編をSmashing Magazineから紹介します。 More Web Design Trends For 2009 1. Out-of-the-box layouts 従来のボックスデザインに捕らわれない創造的なレイアウト。
[JS]配置済みのリンクにドロップダウンを簡単に追加できるスクリプト
ページ内に配置したリンクに、リストで作成したドロップダウン型のナビゲーションを簡単に追加できるスクリプトをDynamic Driveから紹介します。 ナビゲーションに追加したデモ 配置できるナビゲーションは、オプションで不透明度、ディレイ時間、表示位置を調整することができます。 スクリプトの設置方法は、「anylinkcssmenu.js」「anylinkcssmenu.css」を外部ファイルで指定し、リンク要素のclassに「anchorclass」を記述します。 配置するナビゲーションは、divで括りclassに「anylinkcss」を記述し、任意のid（例：submenu1）を記述します。そのidと同じものをリンク要素のrelに記述します。 <textarea name="code" class="html" cols="60" rows="5"> <p><a href="http
ＰＨＰで携帯サイト - phpspot
ＰＣサイトを作っていると、その性質の違いに驚くはず。 画面表示用のコーディングを行う際に押さえておきたい部分を紹介します！ 基本 ・３キャリア共通の端末の性質 ・HTMLの書き方-マークアップ ・ユーザビリティ ・携帯シュミレーター一覧 パソコン上で携帯環境に近い環境を再現するためのソフト＆ツール集 その他注意点(外部サイト) ・携帯サイト作成時の注意点(au編) ・携帯サイト作成時の注意点(SoftBank編) ・ケータイ向けサイトでmailtoを利用する際は改行コードに注意 携帯サイトを作るにあたって便利なライブラリ集をまとめましたので紹介 携帯サイトはＰＣ版とは色々とコーディングやルールが異なったり、キャリアごとの差異があって面倒臭いと感じるかもしれませんが、ライブラリを活用すればそれほど面倒を感じずにサイト作成が出来るはずです。 ・携帯絵文字ライブラリ キャリアごとに違う絵文字仕様
生活や実務に役立つ高精度計算サイト
(107) 新紙幣発行の裏の狙いとは？ 2024年7月に新紙幣が発行される。一万円、五千円、千円の3券種を改刷する予定で、それぞれ渋沢栄一、津田梅子、北里柴三郎が描かれる。 新紙幣を発行する目的は何だろうか？ 新紙幣には肖像の立体画像が回転する3Dホログラム技術が採用され、偽札を困難にしたと日銀は説明している。その他に (106) 新たなSI接頭語 単位の前に付けられ、10の整数乗を表すための接頭語として、国際単位系では20個のSI接頭語が定められている。 ミリ milli（10-3）、センチ centi（10-2）、キロ kilo（103）、メ (105) インボイス制度の影響について 2023年10月から、消費税のインボイス制度が開始される。 現在、約513万と推計される免税事業者は、そのまま免税事業者でいるか、それとも課税事業者になるか、大きな選択を迫られる。それぞれどのようなメリッ
Emacs ビギナーに贈る、これからバリバリ使い隊!!人のための設定講座 その1。 - 日々、とんは語る。
追記 この記事を元に書籍が出来ました！ 時間と命を削って、より詳細に解説しましたので、Emacs に興味がある人はぜひ一度手に取ってみて下さい。 Emacs実践入門 ?思考を直感的にコード化し、開発を加速する (WEB+DB PRESS plus) 作者: 大竹智也出版社/メーカー: 技術評論社発売日: 2012/03/07メディア: 単行本（ソフトカバー）購入: 22人 クリック: 396回この商品を含むブログ (1件) を見る というわけで、前に言っていた普及記事です。 前置き(読み飛ばしOK) 僕が Emacs 系エディターを使い初めた当初、特殊なキーバインドにもそれなりに慣れてきたけど、設定が難しくて、誰かの設定をコピペしたけど、何か動かないとか、もうちょっと便利な設定があると思うけど、よく分かんないという日々が最近まで続いていました。 これではいかんと一念発起して、Lispの基礎
【SEOリサーチ】「Yahoo!検索では1位なのに、Google検索では60位」 両方に評価される効率的なSEO施策とは？
『MarkeZine』が主催するマーケティング・イベント『MarkeZine Day』『MarkeZine Academy』『MarkeZine プレミアムセミナー』の 最新情報をはじめ、様々なイベント情報をまとめてご紹介します。 MarkeZine Day
無料SEOツール│アクセス比較.jp (β版)
アクセス数を伸ばすためのキーワード選定を完全サポートする“キーワードファインダー”とは？ 需要があり、競合が多いキーワードで上位表示させることが難しい…と思っていませんか？なぜ様々な施策を行っても効果が出ないのかというと… 続きを見る SEO対策しても検索順位が上がらない…なぜ？ SEO対策しても検索順位が上がらない…なぜ？ 検索順位が上がらない理由は、SEO対策の質が低いからです。 例えば、ユーザーの検索意図を無視したり、関連性の低いコンテンツを増やす、内部リンクの最適化など疎かにします。 この場合、SEO対策の質が下がります。 そうなれば、ページやサイト自体の品質が上がらないので、Googleに評価されづらくなります。 結果、検索順位が上がらないというわけです。 こうした悪い状況を回避する為に、サイトの欠点を調査して上位化に必要な対策をご案内します（無料）。
[CSS]クロスブラウザ、マルチカラム対応のフッタを下部に固定表示するスタイルシート
New CSS Sticky Footer - 2009 demo 主な対応ブラウザは、IE6/7/8, Fx2/3, Op9.6/10, Safari3.2, Crome1となっており、他にも多くのブラウザに対応しています。 対応ブラウザリスト New CSS Sticky Footerは、同じくフッタを下部に固定表示する「CSS Sticky Footer」の空divの使用を排除しHTMLをよりクリーンにし、マルチカラム対応にしたものとのことです。 仕組みはシンプルで、下記が最小の構成になります。 HTML マルチカラムの場合は、「id="main"」のdivに配置します。 <textarea name="code" class="html" cols="60" rows="5"> <div id="wrap"> <div id="main" class="clearfix"> </d
ASCII.jp：もう配色には困らない！「Adobe Kuler」
「オリジナルのWebデザインをしたいけど、いまいち配色センスがなくて困る」「いつも好きな（得意な）色の組み合わせばかりでデザインしてしまう」「でも色彩理論を勉強するのは面倒だ」。 そんな人にぜひおすすめしたいのが、アドビ システムズが提供しているオンラインサービス「Adobe Kuler」（クーラー）だ。Kulerは、さまざまな色の組み合わせ（配色パターン、Kulerでは「テーマ」と呼ぶ）をWebブラウザー上で作成し、保存・公開もできる、ちょっと変わったサービス。いわば“みんなの力”で作られたカラーチャート集ともいえるもので、すでに7000種類以上（2009年1月現在）ものテーマが公開されている。利用料は無料だが、保存などの機能を使うにはAdobe IDが必要だ（以降の説明はログインしているものとして進める）。
ユーザーが「見る広告」「見ない広告」--ユーザーの行動を決める要素とは？
「どんなサイトのどんな広告をユーザーは見るのか」――これは、広告主もメディア運営者も非常に興味ある事項ではないでしょうか。 今回は、いくつかの大手サイトを男女計5人の被験者に自由に閲覧してもらい、ユーザーがどの広告に目を引かれていたのかをアイトラッキングマシン（被験者の視線の動きを追跡するツール）を使って検証しました。はたしてどんな結果が出るのでしょうか。 口コミに夢中で広告見ず 図1は＠cosme（アットコスメ）を見ていた被験者A（女性、20代後半）の視線です。右側に配置された広告は全く見られていません。被験者Aはトップページから迷わずユーザーの感想が書かれているページへと行き、その後ずっと口コミを丹念に見ていました。また、口コミ以外の要素には全く目を向けませんでした。 図1：＠cosmeを見ていた被験者Aの視線。水色の線は視線の動きを、丸の大きさは視線の滞留時間の長さを示す。青で囲った
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
IDEA * IDEA
差し色の赤が印象的なアイコンのフリーのベクター素材
これは面白！PHPとjQueryでクリックした位置が分かるクリックマップ作成:phpspot開発日誌
Wordpress便利なプラグイン30選 | DesignWalker