head内に記述する要素の総まとめ -meta要素、link要素、ソーシャルサービス用の要素、ブラウザやスマホアプリ用の要素など
HTMLドキュメントのhead内に記述するmeta要素やlink要素、ソーシャルサービス用の要素、ブラウザ用の要素、スマホアプリ用の要素などをまとめた「HEAD」を紹介します。 HEAD -GitHub 翻訳するにあたりいくつか尋ねたところ、著者様はとてもいい人でした。 公開当初から内容がアップデートされ、ライセンスもCC0に変更されています。 オススメの最小限の構成 要素 meta要素 link要素 ソーシャル関連のhead内の要素 ブラウザ・プラットフォーム関連のhead内の要素 スマホアプリ関連のhead内の要素 メモ オススメの最小限の構成 下記は、head内に記述する最小限のタグです。
サイト（ブログ）のお引っ越し（移転）は301リダイレクトを。出来ない場合は、メタリフレッシュ（meta refresh）とrel=”canonical”を！＊リンあれ
ブログの引っ越し…それはすごく手間のかかる作業です。 それだけでなく、それまで積み上げてきたものGoogle先生の評価を全部(ノ・ー・)ノﾎﾟｲ する可能性もあるのです。 出来る事ならもう一生したくない！ サーバーの引っ越しだっていやだ！ ってか、リアルでも引っ越しとかしたくない！いや！ と、思うユコびん（@yucovin）です、こんにちは(๑´ㅂ`๑) 本日は、冒頭そのまんま、ブログ（サイト）の引っ越しについての問題をお送りします。 普通のブログサービスから、独自ドメインとってお引っ越しようとしてる人の参考になると嬉しいです(๑´ㅂ`๑) ※この記事が書かれている時点での情報です。GoogleにしろFC2にしろ仕様は頻繁に変わるので、この通りでなくなる場合があります。 ブログ（サイト）の引っ越し（移転）の手間と問題 ブログ（サイト）のお引っ越しについてまつわる問題は １、データの引っ越し
301が使えない時のURL変更 〜 meta refresh 0秒とrel=“canonical”は併用できるか
[対象: 中〜上級] ドメイン名の移転のようにURLを変更する時は301リダイレクトを設定するのが鉄則です。 でも無料ブログや無料のホームページスペースなど301リダイレクトを設定できない環境でサイトを運営している人もいます。 そんな時は待機時間を0秒にしたmeta refreshタグかrel=”canonical”タグを使う代替手段が考えられます。 この待機時間なしのmeta refreshとrel=”canonical”との併用についてSEOmozのRand Fishkin(ランド・フィッシュキン)氏とGoogleのMatt Cutts(マット・カッツ)氏がツイートでやり取りしていました。 301を使えないサイトだったとする。待機時間なしのmeta refreshとrel=”canonical”を組み合わせて使ったことのある人はいる？ 検索エンジンにとっては問題ないと思うんだが。 0秒
「これは英語のページです」を回避する方法 - ディレイマニア
明らかに日本語のWEBサイトを作ったのにGoogle Chromeに「これは英語のページです」と言われて翻訳しますかしませんかって言われるトラブルがたまにあります。 そんなときの対処法を見つけました。 「これは英語のページです」の対処法 htmlタグにlang="ja"という記述をしてるのにも関わらずGoogle Chromeで日本語のサイトを表示させたときに「これは英語のページです」と言われてしまうことがたまにあります。 対処法は超簡単。 headタグ内に下記の記述をすればおっけーです。 <meta http-equiv="content-language" content="ja"> HTML5から記述しなくていいことになっていた記述 上記の一文ですが、HTML5から記述しなくていいことになっていたものなんです。 参考記事はこちら。
iOS でサポートされた viewport 以外の meta タグ
前回の記事のついでに viewport 以外の iOS でサポートされているメタタグについて整理してみましょう。 Supported Meta Tags <meta name="apple-mobile-web-app-capable" content="yes"> <meta name="apple-mobile-web-app-status-bar-style" content="black"> <meta name="format-detection" content="telephone=no"> apple-mobile-web-app-capable content が yes にセットされているならば、ウェブアプリケーションはフルスクリーンモードで実行されます。デフォルトのふるまいは、ウェブコンテンツを表示するために Safari を使用することです。JavaScript
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
meta 要素 - ドキュメントのメタデータ - HTML要素 - HTML5 タグリファレンス - HTML5.JP
4.2.5 meta 要素 カテゴリー: メタデータ・コンテント この要素を使うことができるコンテキスト: charset 属性が存在する、または、要素の http-equiv 属性がエンコーディング宣言状態にある場合：head 要素の中 http-equiv 属性が存在するが、エンコーディング宣言状態にない場合：head 要素の中 http-equiv 属性が存在するが、エンコーディング宣言状態にない場合：head 要素の子となる noscript 要素の中 name 属性が存在する場合： メタデータ・コンテントが期待される場所 コンテントモデル: 空 コンテント属性: グローバル属性 name — メタデータ名 http-equiv — プラグマ指示子 content — 要素の値 charset — 文字エンコーディング宣言 text/html におけるタグの省略: 終了タグはありま
metaタグを追加してFacebookに対応する方法とハマりやすいポイント
Facebook使ってますか？ こんにちわ、ME課の渕上です。 ミーハーなぼくはもうすっかりFacebook中毒です。 Facebookといえば、「いいね！」や「シェア」といった仕組みで、面白いものを友達に共有できる仕組みが特徴的です。 この仕組をうまく使えば、プロモーションやキャンペーンに有効活用できそうですね。 今回は、いつものhtmlに一手間加えて「いいね！」や「シェア」で効果的に露出できるような方法をまとめてみたいと思います。 それでは続きからどうぞ！ 「いいね！」「シェア」をするとFacebook上に何がどう表示されるのか 「いいね！」や「シェア」をすると自分の掲示板やニュースフィードにアクティビティが表示されます。 自分の掲示板 「いいね！」したものは「最近のアクティビティ」という項目にまとめられて表示されます。 よくよく見てみると、記事のタイトルだけのものと、サイト名が入って
IE9のサイトの固定をやってみた metaタグ編 | </gecko> ： げことじ。
IE9の固定サイトを使ってみたので、まずはmetaタグの指定方法をまとめておく。 固定するとどうなるの？ こんな風になります。 画像はjsdo.itで作ったサンプルです。 ホームボタンのアイコン画像 戻るボタンの色 進むボタンの色 ウィンドウサイズ などをカスタマズ可能です。 サイトの固定方法 Windows7でIE9をいれていること。 固定したいサイトを開いてタブをタスクバーにドラックアンドドロップする JavaScriptを使ってどうにかする。 実装方法 基本的な設定はmetaタグだけでできます。 ホームアイコンの指定 立ち上げたアプリケーションの戻る進むの横のホームアイコン icoファイルに32×32が含まれていればそれが採用される。 [html] [/html] アプリケーションの名前 タスクバーのアイコンを右クリックしたときに出るInPrivateブラウズを開始するの下にある文字
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
はてなグループの終了日を2020年1月31日(金)に決定しました - はてなの告知
はてなグループの終了日を2020年1月31日(金)に決定しました 以下のエントリの通り、今年末を目処にはてなグループを終了予定である旨をお知らせしておりました。 2019年末を目処に、はてなグループの提供を終了する予定です - はてなグループ日記 このたび、正式に終了日を決定いたしましたので、以下の通りご確認ください。 終了日: 2020年1月31日(金) エクスポート希望申請期限:2020年1月31日(金) 終了日以降は、はてなグループの閲覧および投稿は行えません。日記のエクスポートが必要な方は以下の記事にしたがって手続きをしてください。 はてなグループに投稿された日記データのエクスポートについて - はてなグループ日記 ご利用のみなさまにはご迷惑をおかけいたしますが、どうぞよろしくお願いいたします。 2020-06-25 追記 はてなグループ日記のエクスポートデータは2020年2月28
スマホサイト：Webアプリモードで意外と書かれていない落とし穴 - Kaleidoscope
ちょっと今回はまめ知識的な内容です。 最近、「iPhoneでWebアプリを作成」といった記事をよく見かけます。 （jQuery Mobileなどを利用した開発方法は置いといて） HTML5+CSS3+JavaScriptで一から作成する方法について、意外と肝心な注意点が抜けてるように思います。 とくに、よくmetaタグを使った「Webアプリモード（フルスクリーンモード）」にする方法が書かれていたりします。 <meta name="apple-mobile-web-app-capable" content="yes" /> これをやると、URLバーとかが無くなって、サイトがネイティブアプリっぽくなってかっこいいんですよね。 これで、サイトをアプリっぽく見せられる！ってちょっと興奮しちゃいますよね。 ただ、これって意外な落とし穴があるんです(￣▽￣;) 今回は、僕が知ってる大きな２つの注意点を
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
meta refresh 0秒だと検索エンジンにインデックスされない | Web Labs