タグ metaタグ
新着順 10 users 50 users 100 users 500 users 1000 usersWeb制作者はブックマークしておくと便利!HTMLやCSSやOGPやTwitterカードなどのコードを生成できるオンラインサービス | コリス
CSSの面倒なコード、アニメーションやグラデーションやシャドウなど、表示結果を見ながらコードを生成でき、HTML5のよく使うスニペットや新要素、MetaタグやOGPやTwitterカードなどのコードを簡単に生成できるオン...記事の続きを読む 続きを読む
『朝日の慰安婦訂正記事英語版が見つからない見つからないとか言うので、まさか検索避け(ロボット避け)のmetaタグ入ってたりしてw』『と思って見てみたら、ホントに入ってたwww』 - Toge
朝日の慰安婦訂正記事英語版が見つからない見つからないとか言うので、まさか検索避け(ロボット避け)のmetaタグ入ってたりしてw と思って見てみたら、ホントに入ってたwww <meta NAME=”ROBOTS” CONTENT=”NOINDEX,NOFOLLOW”> pic.twitter.com/I6t36XjOnS 続きを読む
スマホサイト:Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。(jQuery Mobileなどを利用した開発方法は置いといて)HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード(フルスクリーンモード)」にする方法が書かれていたりします... 続きを読む
metaタグを追加してFacebookに対応する方法とハマりやすいポイント | KAYAC DESIGNER'S BLOG - カヤックの意匠部によるデザインやマークアップの話
Facebook使ってますか? こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね!」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね!」や「シェア」で効果的に露出できる... 続きを読む
朝日新聞 英語訳慰安婦報道訂正ページの検索避けをこっそり外す/朝日は他の謝罪訂正ページにnoindexを入れているのか調べてみました | 以下略ちゃんの逆襲 ツイッターGOGO
朝日新聞が”noindex, nofollow, noarchive”のmetaタグを外す 朝日新聞が吉田清治の慰安婦報道訂正の英語訳記事htmlページの<head>~</head>内に、 <meta name=”robots” content=”noindex, nofollow, noarchive”></meta> を入れて、「検索避け」をしていた問題で、新たな動きがありました。 朝日新聞が慰安婦訂正記事だけ... 続きを読む
titleタグ、metaタグおよびURLの構造――『検索エンジン最適化の初心者ガイド』改訂版#4-2 | Web担当者Forum
[海外情報] SEOmoz 検索マーケティングのニュース&テクニック SEOmozは、Search Engine Journalで2006年のベストSEOブログに選ばれた、SEOを中心とした検索マーケティング情報のブログ。日々更新される良質なSEOmozの考え方やノウハウの情報から、厳選したコンテンツを日本語でお届けします。 続きを読む
Google社員がアドバイスする2016年に取り組むべきSEOの秘訣 | 海外SEO情報ブログ
[レベル: 初〜中級] GoogleのJohn Mueller(ジョン・ミューラー)氏が、2016年に向けてのSEOの秘訣について話しました。 12月15日に開催した英語版オフィスアワー で出た質問に対する回答です。 おぉ、きたねぇ。来年に向けての魔法みたいなSEOの秘訣っていうのは何もないんだ。今開発中の上位表示のmetaタグについては話せない。公開してもまだ機能しないんだ。 だけど概して言えば... 続きを読む
[CSS]iPadの横向きと縦向きでレイアウトを変更するスタイルシート | コリス
Portraitモード(縦向き)のグリッド設計 グリッド 768=30+708+30 708=216+30+216+30+216 実装のポイント iPadの横向きと縦向きでレイアウトを変更するには2つのポイントがあります。 METAタグ iPadのスクリーンで等倍に表示されるように、METAタグで設定します。 <meta name="viewport" content="width=768px, ... 続きを読む
METAタグ活用完全ガイド noindex nofollow noarchive unavailable_after など使い方まとめ ::SEM R (#SEMR)
METAタグ活用完全ガイド noindex nofollow noarchive unavailable_after など使い方まとめ robot meta タグの意味と用法まとめ noindex, nofollow, noarchive, nosnippet, noimageindex などの主要なMETAタグの利用方法と注意事項など。 公開日時:2015年01月08日 12:18 検索エンジン... 続きを読む
3ステップではじめるレスポンシブWEBデザイン:phpspot開発日誌
Responsive Design in 3 Steps 3ステップではじめるレスポンシブWEBデザイン。 今後新しくサイトを公開する時はスマホ対応なんていうのは当たり前になってきている時代で、デザイナーさんにとっては必須であるレスポンシブWEBデザインを3ステップで簡単に説明してくれています。 CSSが分かる人ならさほど難しいものではないのでサクッと理解しちゃえます。 METAタグを付与 IEで... 続きを読む
「Google Sitemaps」がMETAタグの挿入で利用可能に
米Googleは26日、Googleインデックス支援サービスの「Google Sitemaps」を大幅に改良し、ユーザーインターフェイスも変更した。 今回の最も大きな改良点は、サイト所有者でなくてもGoogle Sitemapsを利用できるようになったことだ。これまでGoogle Sitemapsを利用するためには、Google Sitemapsが生成したテキストファイルをサイトのルートディレク... 続きを読む
FacebookのOGPを簡単に確認するための5つの便利ツール [C!]
ご無沙汰しております、ヤガーです。 今までのFacebook関連のネタや、OGPに関する記事を書いてきましたが、さすがに企業サイトやブログなどではOGPの設定が浸透してきていると思います。OGPがあるとないとではウォールに流れた際の反応が全然違いますからね。で、このOGPなんですがFacebookはパフォーマンスのためか一度読んだものはキャッシュしてしまいます。metaタグの構成を変えたり、そもそ... 続きを読む
ブログのhead部分にmetaタグなどを自由に追加できるようにしました - はてなブログ開発ブログ
2014-02-19 ブログのhead部分にmetaタグなどを自由に追加できるようにしました 新機能 本日、はてなブログのHTML文書のhead要素をカスタマイズできるようにしました。詳細設定ページに新たに追加した「headに要素を追加」欄で、head要素に追加するHTMLやスクリプトを自由に記述できます。 詳細設定の「headに要素を追加」設定した内容は、PC版およびスマートフォン版のブログペー... 続きを読む
All in One SEOを使ってmetaタグに記述するときに意識していること | delaymania
WEBデザイナーやってますけどSEOについてはさほど詳しくない@delaymaniaです。 先日WordPressのプラグイン「All in One SEO」について聞かれましたので、僕が知ってることを書いておこうと思います。 つまり「titleタグ」と「meta description」と「meta keywords」の中に何を書いたらいいのかという話です。 All in One SEOでできる... 続きを読む
ページネーションしたページはnoindexにすべき? rel=“prev/next”とnoindexは併用可能? | 海外SEO情報ブログ
[レベル: 上級]ページネーション(ページ送り)したページには noindex robots metaタグを記述したほうがいいのでしょうか? また、rel=”prev”とrel=”next”を設定しているページにnoindexを記述しても問題ないのでしょうか?9月11日のオフィスアワーで、GoogleのJohn Mueller(ジョン・ミューラー)氏がこの質問に回答しています。 質問者: ページネ... 続きを読む
Webサイト内の電話番号が勝手にSkypeの番号ボタンに置換されるのをmetaタグで制御する - かちびと. net
少し気になったので調べたんですが、 ブラウザにSkypeのアドオンとかエク ステンションを入れていると、Web サイトやGoogleの検索結果の電話番号 が勝手にSkype用の起動ボタンに置換 されます。 よくわかってないんですけど、SkypeをインストールするとChrome(Firefoxも?)にもエクステンションが追加されるようです。インストール時にチェック項目にあったかどうか覚えてませんけど... 続きを読む
head内に記述するソーシャルメディア・検索エンジン用のmetaタグを簡単に生成できる無料ツール -Meta Tags | コリス
head内のmetaに記述するTwitterカードやFacebookのOGPなどのソーシャルメディア用のコード、Googleなどの検索エンジン用のコードを簡単に作成できる無料のオンラインツールを紹介します。 公式のデバッガーですぐに確認もできるので、非常に便利です。 Meta Tags Meta Tagsでは、下記のソーシャルメディア・検索エンジン... 続きを読む
[N] 「Google Sitemaps」がサイトの問題点を指摘してくれる
「Google Sitemaps」がサイトの問題点を指摘してくれる 2006年05月05日 07:21 「Google Sitemaps」がMETAタグの挿入で利用可能にという記事より。 新しい方法では、ホームページのheadセクションにGoogle Sitemapsが生成したMETAタグを追加し、その後Google Sitemapsアカウントでログインしてチェックボックスに記入するだけでGoog... 続きを読む
ねっと部:DeNAの新プロジェクト「ハッカドール」が同人マーク採用 「いわゆる薄い本OKマーク」 - ITmedia ニュース
ディー・エヌ・エー(DeNA)は8月5日、新プロジェクト「ハッカドール」の公式サイトをオープンした。現在は情報解禁前とあって詳細は明らかにされていないが、サイトのソースに書かれた謎の日記や「同人マーク」の採用が話題になっている。 ハッカドール(HACKA DOLL)のサイトには3人の少女キャラ(ハッカドール1号、2号、3号らしい)などが登場しているのみ。Metaタグには「ハッカドール,Hackad... 続きを読む
検索結果のプレビュー制御する新しいrobots metaタグの導入をGoogleが数日後に開始 | 海外SEO情報ブログ
[レベル: 上級] 検索結果のプレビューを制御するための新しい robots meta タグを Google は先月末に発表しました。 数日後に導入を開始するとのことです。 グローバルで展開が始まり、展開完了までには来週いっぱいかかります。 Beginning in a few days, Google Search will start using new preview markup in search... 続きを読む
Google、サイトリンクの検索ボックスを拒否可能に METAタグ1行追加::SEM R (#SEMR)
Google、サイトリンクの検索ボックスを拒否可能に METAタグ1行追加 グーグル、サイトリンクの検索ボックスを非表示にする METAタグを用意。検索結果の検索窓を拒否。 2014年10月28日 12:15 | サーチニュース 2014 | TrackBack (0) | 執筆:Takahiro Watanabe+ Google が、サイトリンクの検索ボックスを非表示にするための機能を用意した。... 続きを読む
IE9のサイトの固定をやってみた metaタグ編 | : げことじ。
IE9の固定サイトを使ってみたので、まずはmetaタグの指定方法をまとめておく。 固定するとどうなるの? こんな風になります。 画像はjsdo.itで作ったサンプルです。 ホームボタンのアイコン画像 戻るボタンの色 進むボタンの色 ウィンドウサイズ などをカスタマズ可能です。 サイトの固定方法 Windows7でIE9をいれていること。 固定したいサイトを開いてタブをタスクバーにドラックアンドドロ... 続きを読む
Facebook上でファンを増やしたい人は必須、Facebookページや個人アカウントを連携するmetaタグ | A!@attrip
Facebook上でファンを増やしたい人は必須になりそうなmetaタグの紹介。 サイトにFBページや個人アカウントを連携するmeta情報 サイトにFBページや個人アカウントを連携するmetaタグ 方法は簡単で、Facebookページを紐づけるならarticle:publisherを指定 <meta property="article:publisher" content="https://www.... 続きを読む
Next.js 13.2まとめ
基本的には以下のNext.js 13.2のブログを翻訳してまとめたものになります。 TL;DR ビルトインSEOサポート: 静的、動的にmetaタグを設定するための新しいMetadata API ルートハンドラー: WebのRequestとResponseに基づくカスタムリクエストハンドラー MDXのサーバーコンポーネント対応: マークダウン内部でサーバーサイド... 続きを読む
Google、検索結果のスニペットを制御するための新しいrobots metaタグとHTML属性を導入 | 海外SEO情報ブログ
[レベル: 上級] 検索結果に表示されるスニペットをより細かく制御する仕組みを提供することを Google は発表しました。 専用の robots meta タグおよび HTML 属性の 2 とおりの方法を利用できます。 スニペット制御用の robots meta タグ robots meta タグでスニペットをページレベルで制御できます。 以下の 3 種類のコ... 続きを読む