Meta robots noindex/nofollow/noarchiveタグの使い方 » 海外SEO情報ブログ・メルマガ
個の記事では、サーチエンジンのロボット（クローラ）の動きを制御するmetaタグについて解説します。 取り上げるのは、次の３つのmeta Robotsタグです。 noindex nofollow noarchive 順に説明します。 Meta robots noindex タグ noindexタグは、HTMLのheadセクションに次のコードを記述します。 <meta name="robots" content="noindex"> ※XHTMLで記述するときは、最後を「/>」で終了します。 noindexタグは、ウェブページをインデックスさせたくない、言い換えると検索結果に表示させたくないときに使います。 検索結果に出したくないページがあるときは、noindexタグが使えます。 他によくある使い道としては、まったく同じウェブページを複数公開する場合があります。 いわゆるミラーページを準備する
[CSS]画像置換「-9999px」のパフォーマンスを改善した新しいテクニック
テキストで実装した見出しなどを画像に置換するテクニックで「-9999px」が有名ですが、そのパフォーマンスを改善するテクニックを紹介します。 Replacing the -9999px hack (new image replacement) [ad#ad-2] 画像置換：-9999px 改善したテクニック 画像置換：-9999px -9999pxを使った画像置換のテクニックは、下記のようになります。 HTMLは見出し要素で実装します。 HTML <h3 id="sample06">見出しのテキスト</h3> 「text-indent:-9999px;」でテキストを見えない位置にし、見出しとなる画像を背景画像として表示します。 #sample06{ width:300px; height:50px; background:url('bg-01.gif') no-repeat 0 -250p
HTMLを一気に書き上げよう | Zen Coding 3-5 | HTML+CSSコーディングが10倍速くなるZen Coding
Zen Codingの構文を組み合わせよう3-3ではよく使うHTMLタグの省略形を紹介し、続いて3-4では、HTMLをより効率的に入力するために、Zen Codingの構文の書式を紹介しました。 ここまで紹介した書式を組み合わせれば、次のようなHTMLを、「Zen Codingの記述」のように記述して、展開・生成することができます。 まず短めのコードから始めて、できるだけ一気に書けるように、記述のしかたを考えてみましょう。 <body> <div id="header"> <h1 id="site-id"></h1> <p class="site-copy"></p> </div> <ul id="nav"> <li class="list-items"></li> <li class="list-items"></li> <li class="list-items"></li> <li
表示内容の切り替え(JavaScript)|WEBプログラム覚書
HOME>WEBプログラム覚書>表示内容の切り替え(JavaScript) 表示内容の切り替え(JavaScript) JavaScriptを使って表示内容を切り替えるサンプル。getElementById()を使って指定IDのオブジェクトにアクセス。 スタイルシート切り替えサンプル SEO的にはこっちがよさそうですね。
【HTML5】新規でサイトを作るのに使えそうなの一式。Ver 1
HTML5版の新規でサイトを作るのに使えそうな一式です。 今までの新規で使えそうな一式のVer3からも有る程度流用はしていますが、結構いじってます。 今までみたいに、社内のマークアップエンジニアとかそういう人がもう居ない環境なので、何処かで使われていた訳ではありませんが、まー最初の準備って地味に面倒なのでちゃちゃっと始めるには良いんじゃないでしょうか。 【HTML5】新規でサイトを作るのに使えそうな一式。Ver 1をDL（zip：12kb） HTML5版のVer 1を見る 社内のマークアップエンジニアとかって書いたら、これどうなのよ？とか話してた頃がちょっと懐かしくなった。 コーダー飲みとか、CSS Niteなんかで、マークアップエンジニアやコーダーさんと会う機会は結構有るのに、そういう具体的な？話まではしないからなぁ・・・ それはさておき、中身のご説明などを続きにて。 中身のご説明 zi
[WordPress]ワードプレスが1記事に、自動的に挿入する＜p＞タグを削除する方法 – devolen
ワードプレスが1記事に、勝手に挿入してしまう＜p＞タグを消す方法。 をメモ代わりに書いておく。 ワードプレスのデフォルトで、自動的に記事に挿入する＜p＞タグがソース的に嫌だったので、これを削除しました。 その方法をメモしておきます。 ビジュアルエディタで更新する方は必要ないかと思うんですが、「HTMLにはこだわるんだ！」なんて方には必要なんじゃないかなー。 wp-includes/default-filters.php の中を以下のように変更。 add_filter(’the_content’, ‘wpautop’); という部分を以下のようにコメントアウトします。 //add_filter(’the_content’, ‘wpautop’); さらに以下も同じように add_filter(’the_excerpt’, ‘wpautop’); という部分を以下のようにコメントアウトします。
HugeDomains.com
Captcha security check retujyou.com is for sale Please prove you're not a robot View Price Processing
WordPress 2.9.2 | ナメサメカリンチョ
このウェブサイトは WordPress というソフトウェアで動いていますが、その WordPress を 2.8.2 から 2.9.2 に更新しました。 追記 この記事の 3.1.2 版を新たに執筆しました。 ゴミ箱機能や動画の簡易埋め込み機能などが追加されたそうですが、最も重要なのはセキュリティ面の更新でしょう。更新していない方は急いで更新しましょう。 何となくおっくうに感じていてしばらく WordPress の更新を保留していましたが、いざ実行してみるとやはり本当に簡単です。ただ、簡単とは言っても私のウェブサイトのように WordPress を色々いじっている場合にはちょっと作業が必要です。そこで、いつも私がやっている作業をまとめてみます。 サーバーにアップロードされた WordPress のファイルのバックアップ WordPress のデータベースのバックアップ WordPres
エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)
STEP1. エクセルとかからCSV (TSV)をコピーしてを貼り付け STEP2. オプションを選択して変換 細かい設定 列目までをTHEADとする。(0でTHEADなし) TBODYの行目までをTHとする。 TBODY THに深度を埋め込んだクラス名を追加する。(1〜) クラス名： " + n" ひとつめのTHに深度クラスを追加しない。(lv1を追加しない) n列ごとにTRにクラス名を追加する。(0〜) クラス名： 列数 ： クラス名に列数を追加する。(nrow0, nrow1,,)
JavaScript小技集
404 Not Found >> 未検出 << ファイルが見つからないか、 アクセス権がない。 www.shurey.com
Katalog
静岡のセレクトショップ、ルシェルシュ(recherche)、フロレゾン(FLORAISON)、 スープ(SOUP)の商品が楽天で買える！ Le Texte楽天店舗の制作をKatachigfxでやりました。 楽天サイトは昔と比べてだいぶ作りやすくなっていました。 ●取り扱いブランドはこちら（2013.10） women's Acne / ADAWAS / AG / CARVEN / Chan luu / Chloe / CITRUS / CLARE VIVIER / Current Eliott / DUVETICA / ENSORCIVET / EPICE / FABIO RUSCONI / FLORENT / Frank&Eileen / Gaimo / GIORGIO BRATO / HUMANOID / iliann loeb / JAMES PERSE / Jerome Drefu
Build an Auto-Scrolling Slideshow That Works With and Without JavaScript | Envato Tuts+
There are several tutorials that walk people through how to create a jQuery slideshow, but there aren't many that focus on making it function without JavaScript. This is because most people believe it isn't possible but I am going to explain an exceedingly simple method that shows it is indeed possible. You'll soon be kicking yourself and asking "How did I not think of that?"… In this tutorial I w
携帯サイト（html）の制作に入る前に確認しておきたいチェック項目 │ これからゆっくり考L +α
「デザインは素敵なんだけど、携帯でこれはちょっとできないなー」とか、「無理ではないけどできれば避けておいた方がいいよなー」っていうデザインがあがってくることが多い今日この頃。 モバイルコーディングをやり慣れている人じゃないとモバイルでできることできないこと、cssを使わないと実現できないこと、table使わないと実現できないこと、などが分かりにくいと思うので当然だとは思うのですが。 ですが、知っているのと知らないのとでは工数がかなり違ってきます。 一旦デザインして、コーダーにそれを見せて「ココとココとココは実現不可能。やり直してください。」で差し戻され、デザインをやり直してってなると、デザインも2度手間、デザインをチェックして無理な項目を洗い出すコーダーにも余計な手間がかかります。 今回洗いだした項目は、なんせ自分がコーダーなので、コーダーがデザインファイルをもらった時にバーッと見てチェッ
IEでiframeの横スクロールバーを消す (AIRE-PROJECT BLOG)
IEでiframeを使ってページを読み込ませたときに、iframeの中に読み込まれたページの縦の長さがiframeの縦の長さをオーバーすると、縦スクロールバーだけでなく横スクロールバーも表示されてしまいます。 横はオーバーしていないにもかかわらずです。 同じページをFirefoxでみると、横スクロールバーは表示されません。 縦横どちらがオーバーしているのかを判断して自動的に、縦か横のどちらかのスクロールバーだけを出すということがIEにはできないのか？ と思ったりするんですが、逆の場合は大丈夫なんですよね。 横がオーバーして縦はオーバーしてない場合。 これは横スクロールバーだけが表示されます。 やっぱりIEって…… で、調べてみたら解決法はありました。 解決法はけっこう簡単で、iframeの中に読み込まれるページの「html」タグに「overflow-x:hidden」を設定するだ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
HTML5 Canvas Cheat Sheet
掲示板/HTML質問板［過去ログ］/一覧/インラインフレームの横スクロール - TAG index Webサイト
index.htmlやindex.phpで優先順位を変える場合 | forWEB屋
https://d-lover.com/css/hack.shtml
教えて！ Watch 特定のページから移動してきた場合にアクションを呼び出す
FICC FREELANCE NETWORK | フリーランスWebクリエイターネットワーク