snippetsに関するtytoのブックマーク (17)
-
tyto 2012/07/30
-
地味に使えるCSS小技のメモ&サンプル集 - かちびと.net
cssの小技的なテクニックが便利なので好きなん ですが、cssそのものが嫌いで覚えられないので カンペ的な記事を作ることにしました。便利な小技 は沢山あるんですが、特に自分が良く使いそうな Tipsをメモします。既に出回っている情報ばかりで 特に目新しい手法はありませんので何も期待でき ないです。 というわけで特にテーマも一貫性も無くて、ただ便利ってだけです。推奨されない方法もあるかもしれませんが、僕は細かいこと気にしませんのでそんな感じです。 内容も既出なのでお詳しい方にはお役に立てないですが、僕の個人的なメモなので適当に流して頂けると幸いです。 floatで並べたリストのセンタリング Sample01 コード .centered { position: relative; overflow: hidden; } .centered ul { position: relative; le
-
-
人や動物のシルエット
Design Your Way is a brand owned by SBC Design Net SRL Str. Caminului 30, Bl D3, Sc A Bucharest, Romania Registration number RO32743054 But you’ll also find us on Blvd. Ion Mihalache 15-17 at Mindspace Victoriei contact@designyourway.net You came here for some really cool CSS text effects that will help you make amazing web typography for your websites. In order to successfully give a website a lo
-
個人的に使うことが多い9つのjQuery・JavaScriptスニペット :: 5509
プラグインだけど公開してないものだったり、いつも使ってるプラグインとの組み合わせだったり、ショートコードとかなんだか色々。どれもCodaにスニペットで登録してて一発変換で使ってます。 コードはアレなんですけど、ひょっとしてひょっとすると誰かの役に立つかもしれないので恥ずかしながら公開します。対象はちょっとだけJS書けるとかそういう人ですかねたぶん。書ける人はもっとキレイなやつ使ってるでしょうし。（もっときれいに書けとか何そのコードとかも歓迎） 紹介してるスニペットたち ページトップにスクロールするだけ テキストボックスにラベル表示するやつ 要素のサイズを取得するやつ タブきりかえるやつ IEで透過pngをフェードしたときに黒くなるやつ対策のshow()とhide() Google Analyticsのトラックイベント一括bind Ajaxサイトにするときに使うリンク置き換えプラグイン スク
-
ヤフー検索は年内にはグーグルに？ ―― 切り替え状況と予測 など10+2記事（海外&国内SEO情報） | 海外&国内SEO情報ウォッチ
ヤフー検索は年内にはグーグルに？ ―― 切り替え状況と予測 （サクラサクのSEOブログ）ヤフーとグーグルとの提携発表からちょうど3か月が経過した。サクラサクのSEOブログさんがここまでの道のりをまとめている。ヤフーの公式発表や独自の調査に基づいたヤフーのランキング変動データなどが時系列で整理されていてわかりやすい。 ヤフー株式会社の井上社長は、検索システムのグーグルへの切り替えを、予定通り年内に完了する方針だと2010年9月中間決算の発表の場で明らかにしたとのこと。すでに一部のユーザーに対して切り替えのテストを行っているものの、全面切り替えには至っていない。いったいいつになるのかとやきもきしているウェブ担当者やウェブマスターが多いことだろう。 サイバーエージェントの木村氏が言うように、ある時点を境に完全に切り替えるのではなく、グーグルを採用した検索の比率を徐々に増やしていき、いつのまにかす
-
検索結果ページのスニペットはどこまでコントロールできるか
SERPに表示されるウェブページの簡潔な説明文を「スニペット(Snippet)」と言います。 スニペットの作られ方について、Google・Yahoo!・Bingそれぞれの傾向を以前にまとめました。 基本的にどの検索エンジンにおいてもmeta descriptionタグの記述が使われやすいのですが、必ずしもそうとは限りません。 3つの検索エンジンではGoogleが比較的meta descriptionを使う傾向にあるものの、それでも完全なコントロールはできないようです。 GoogleのMatt Cutts氏は、スニペットの制御に関する質問に回答するQ&Aビデオを最近2本投稿しました。 上のビデオは「スニペットに入る日付やスニペットそのものを変更できるか」という質問に対する答えで、下のビデオは「スニペットに引用されないように重要でない部分をGoogleに指示できるか」という質問に対する答えです
-
Anatomy Of A Google Snippet
SearchBot requires a free Search Engine Land account to use, and gives you access to all SearchBot personas, an image generator, and much more! If you already have a Search Engine Land account, log in now. Otherwise, register here! Let’s deconstruct the Google snippet in all its glory — from the Posts/Authors/Last Post line, to the document date, to the Keywords in Context (“KWIC”), to the ellipse
-
Googleスニペットの3つの改良(2010年1月)
Googleが新しいサービスや機能を一度にリリースすることが、去年あたりから増えてきました。 先週はちょうどそんな週でした。 スニペットに3つの改良が加えられました。 1. リッチスニペットでイベントの日付け・場所を表示 リッチスニペットとは、ユーザーの評価や商品・サービスの価格、人物を表示するスニペットの拡張版です。 今回新たにリッチスニペットにイベントの開催日や場所が加わりました。 上のキャプチャは”concerts in san jose“（サンノゼでのコンサート）の検索結果の1つです。 赤枠で囲った部分がコンサートの日にちと場所になります。 コンサートや演劇、スポーツの試合などのイベントの情報を知るには役に立ちそうですね。 イベント詳細をリッチスニペットに表示させるにはhCalendarのマイクロフォーマットで必要項目を記述します。 詳しく知りたい場合はヘルプを参照してください。
-
Google / Yahoo! / Bingのスニペットの作られ方
検索結果に表示されたウェブページの簡潔な説明文を、検索エンジン用語で「スニペット」と呼びます。 スニペットは、検索結果でのクリックを誘うのに重要な役割を果たします。 何を基にしてスニペットは作られるのでしょう？ まとめてみました。 Googleのスニペット Googleは基本的に meta descriptionタグ の記述が使われます。 Matt Cutts（マット・カッツ）氏によれば、以前よりも meta descriptionタグの記述を利用する傾向が強まっているとのことです。 検索キーワードに対してより適切だと判断したときは、コンテンツの中からも引っ張ってきます。 したがって、同じページであっても検索キーワードによって検索結果でのスニペットが変わってくることもあります。 Googleのスニペットは通常、最大で半角210文字前後ですが、キーワードの語数が多い検索では文量が増えます。
-
10 CSS Snippets to Save Precious Time
Today, I have compiled a set of 10 CSS snippets that can save you a lot of time and effort. These codes are needed frequently when developing CSS-based websites or themes. Just bookmark these codes (Ctrl + D) so that you don’t have to look for them on the Internet every time. 1. CSS TooltipsThrough this code, you can have your own tooltips using just CSS. This is the CSS code :- [css] a:hover {bac
-
-
リッチ スニペットの導入について
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
-
ページにセクションを特定する分かりやすいアンカーを設定しましょう！
+1 ボタン 2 AMP 11 API 3 App Indexing 8 CAPTCHA 1 Chrome 2 First Click Free 1 Google アシスタント 1 Google ニュース 1 Google プレイス 2 Javascript 1 Lighthouse 4 Merchant Center 8 NoHacked 4 PageSpeed Insights 1 reCAPTCHA v3 1 Search Console 101 speed 1 イベント 25 ウェブマスターガイドライン 57 ウェブマスタークイズ 2 ウェブマスターツール 83 ウェブマスターフォーラム 10 オートコンプリート 1 お知らせ 69 クロールとインデックス 75 サイトクリニック 4 サイトマップ 15 しごと検索 1 スマートフォン 11 セーフブラウジング 5 セキュリティ 1
-
-
-
1
公式Twitter
- @HatenaBookmark
リリース、障害情報などのサービスのお知らせ
- @hatebu
最新の人気エントリーの配信
キーボードショートカット一覧
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
