[構造化データ]schema.orgでマークアップ可能なデータ種類一覧 | imagination-i
Webサイトを管理しているウェブマスターは今後対策が必須となりそうな”構造化データ”についての記事です。 構造化データとは、Google検索結果に表示される情報に、リッチスニペットと呼ばれる付加情報を追加するためのマークアップの事です。 通常の検索結果に情報を追加出来るだけでなく、その情報がお店などの店舗の場合はGoogleプレイスに表示されたり、画像であるなら画像検索の結果が有利になったりしますので、みなさん対策すべきでしょう。 構造化データの種類 ウェブマスターツールのヘルプによると、Googleが認識している構造化データの種類は下記５つに分類されています。 ・schema.org ・Microformats ・Microdata ・RDFa ・データハイライターでタグ付けしたデータ 一番最後のデータハイライターでタグ付けしたデータというのは、Webサイトのマークアップを修正出来ないウ
5分で分かる SSI を忘れていた人が SSI+Perl の便利さを思い出せる記事を書いたよ - なんたらノート第三期ベータ
PHPの便利さが5分でわかるのが面白かったらしく、 http://weble.org/2010/12/28/php-beginner からerbやPythonなどいろいろ派生したので、ここらでだいぶ原点回帰。 SSIとPerlでもちょっとは5分便利シリーズとして有効だよということで参戦。 SSIはApacheで使えるサーバサイドインクルード。 一時期、サーバで任意のコマンドが実行出来るからセキュリティが云々という、なんとも不当な理由(PHPでsystem関数動かせるのに、SSIでコマンド実行はできないとか意味不明なレンタルサーバもあったような...)で冷遇されてきましたが、VPSが安くなったいま、俺の環境で勝手にやるんだから文句ないだろ、え? ということで、SSIを見直してみるのも悪くないです。 古いApacheだと.htaccessにこんな感じで。 AddType text/x-serv
iPhoneサイトを構築しよう--第2回：iPhoneならではのサイト構築テクニック - builder by ZDNet Japan
Microsoft 365のデータは安全か？ クラウド型アプリを採用する企業のための 包括的なデータ保護のありかたを解説 デジタル時代のITインフラ構築術 仮想化統合、クラウドを経て今「マルチ」へ ITインフラの最適化と継続的進化への道筋 体験から学んだ成功への知見 マネーフォワード×エム・フィールド対談 Fintechプラットフォーム開発の「鍵」 単純なインフラ製品の販売ではない DX、コンテナプラットフォームの実証など 自社の取り組みで得られた知見を顧客に提案 アプリケーションモダナイズ 求められている背景にあるビジネスの今 そして、成功の鍵を握るDevOpsの真の意味 身近な改善の第一歩！ ニューノーマルな働き方を前提にした これからの時代のWi-Fi環境構築のポイント コンテナをエンプラITに！ コンテナ活用の基礎 本番実装が増える背景とメリット セキュリティモデルは変わった！ ク
iPhone 用 Web ページの作り方 - iPhone Development Guidelines
iPhone 用 Web ページおよびアプリケーションの作り方 - iPhone Development Guidelines を読む Apple 公式 iPhone ウェブ開発ページ Apple が iPhone 用ウェブ開発ページを公開しました。（追記：Apple から日本語訳も出ました。） Apple Developer Connection -iPhone Dev Center（英語ページ・旧称 Web Development for iPhone） WWDC 2007 で明らかになったのは1、iPhone では API の公開や SDK の提供はなく、iPhone 用にアプリケーションを開発するには、ウェブアプリケーションとして提供するしかないということです。（追記：その後、2008年に SDK が提供されることになりました。） WWDC 2007 のセッション内容には、“Dev
iPhone向けWebアプリを作ろう（1/4） − ＠IT
Safari Web Content Guide for iPhoneを読み解きながら、iPhone／iPod touch上のWebブラウザのSafariで動くWebアプリを作成し、UIを最適化するコツを紹介します。 （編集部） Safari Web Content Guide for iPhoneを読み解く ネイティブアプリケーション開発を可能にするSDKが公開され、一層注目を集めている米アップルのiPhone（Applle Developer）。3Gへの対応がうわさされ、日本市場向けの発表も待たれますが、読者の中には、早速iPhone向けのアプリケーション開発にチャレンジしている人もいるでしょう。 しかし、ネイティブアプリケーションを作るにはそれなりにプログラミングスキルが必要ですし、完成したアプリケーションは米アップルが用意する「App Store」経由でしか配布できないといった制約
Webサイトを“速く”表示させる7つの計測ポイント（1/2） - ＠IT
株式会社ライブドア マークアップエンジニア 浜 俊太朗 2009/3/24 FirefoxやYSlowを使ってWebサイトの問題点を探るには？ ライブドアブログを速くした著者が7つのポイントを伝授します（編集部） Webサイトは“見た目”が重要なのは当たり前だが…… 皆さんはWebサイトを作るときに、どのようなことを意識していますか？ デザイナや主にHTMLのコーダー／マークアップエンジニアと呼ばれる職種に就いている人は、やはり“見た目”を強く意識しているのではないでしょうか。 例えば、複数のWebブラウザで同じか近い表示になるようにとか、リリース後の更新業務によって表示崩れが起きないように、などです。もちろんそれは職種の適性として正しいものですが、実はほかにも意識した方がよい重要な要素があるのです。 良い印象を与えるには、“速度”も重要 Webサイトを見たユーザーが、良い印象を受けるのか
2ch facemark for Valid HTML - STUDIO DDT ONLINE
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
Google マップの貼り付け用 HTML を valid にする
Google マップをブログ等に貼り付ける「埋め込み HTML」の提供が開始されましたが、その HTML を valid にするスクリプトを公開します。 １．埋め込み HTML の利用方法 埋め込み HTML 自体の利用方法ですが、まず Google マップで任意の地図を表示させ、「このページへのリンク」をクリックします（スクリーンショット右上）。 リンクをクリックすると、HTMLコードがすぐ下に表示されます（下）ので、 「HTML を貼り付けてサイトに地図を埋め込みます」の下に表示されている、 <iframe width="425" height="350" ～ のコードをマウスコピーして、それをブログの投稿画面に貼り付ければOKです。 ２．問題点 埋め込み HTML で使われている iframe タグは HTML4.01 Strict・XHTML1.0 Strict では未定義、XHT
Another HTML-lint gateway
HTML文書の文法をチェックし、採点します htmllint.cgi 1.28 / htmllint.pm 3.58 70,586 lints / 0 visits / since Jan 6, 1998 文法しか採点しません。内容の良し悪しは採点されません。結果に疑問を感じたら必ず結果の解説を読んでください。満点で慢心しないでください。 チェックしない警告は減点対象外で、満点は 100点です。チェックしても減点されない警告もあります。気に入らないチェック項目は外すことができます。お好みに調整してください。 また、基本的な設定項目だけの簡易ゲートウェイもあります。いちいちオプションなんかどうせ指定しないや、という方はご利用ください。 ローカル環境でチェックしたいとお考えの方は、ダウンロードのページを参照してください。 チェック方式 チェックしたいHTMLのURLを指定するか、HTMLを下の
WEBデザインセンス向上まとめ。カラー統一サイト30×5・計150サイト＋2200以上の無料HTMLテンプレ*ホームページを作る人のネタ帳
これまで、統一カラーサイト３０選・緑、赤、青をシリーズで公開しているブログをご紹介してきましたが、さらに茶色と黒が追加された為、計150となりましたのでまとめてご紹介していきます。 様々な統一されたサイトのセンスやWebの形を盗み、それでも尚足りないと思う人もいるかもしれませんので、HTML＆CSSのフリーテンプレートサイト『OpenWebDesign』をご紹介しておきます。 書店に売っているデザイン参考書を読む前に、一度目を通しておいても損は（きっと）ないですよ。 統一カラーのサイト群 黒配色系のお手本30サイト 30 Black Websites 茶色配色系のお手本30サイト 30 Brown Websites 緑色配色系のお手本30サイト 30 Green Websites 青色配色系のお手本30サイト 30 Blue Websites 赤色配色系のお手本30サイト 30 Red W
検索結果で有利になる知られざるHTMLタグ5種類 - GIGAZINE
よく知られているように現在のウェブ検索のメインストリームをしめるロボット型検索は、回収したページのHTMLタグを解釈して意味を与え、重要度を判定し、検索結果に反映させます。 例えばタイトルに使われるH1などのタグはより重要な文字列と見なしますし、リンクタグに「rel=nofollow」が入っていればページランクなどの計算でポイント付与評価を無視するようになります。 しかしそれ以外にも数々のSEO業者が調べたり実験してきた結果、より有効に解釈されると判断されるがあまり知られていない5種類のタグが存在します。 以下がその5つのタグです。 SEOmoz Blog | 5 HTML elements you probably never use (but perhaps should) 1.addressタグ 住所、電話番号などの連絡先を示すためのものです。電子メールアドレスやメッセンジャーの情報
Web2.0ナビ: 意外と知られていない？rel="nofollow"について
いいね！ 8 ツイート B! はてブ 256 Pocket 16 「rel=nofollow」をご存知だろうか？おそらく、このブログを読んでくださっている方の多くは、そんなの知っているという人が多いのかもしれないが、意外と！？知らない人が非常に多かったので、参考までに。 『rel=nofollow』というのは、実はただのHTMLで、リンクタグ<a>の属性です。 <a href=”https://www.web-20.net/” rel=”nofollow”> GoogleやYahoo,MSNといった大手検索エンジンはリンク属性に「rel=nofollow」がついているサイトへのリンクは、ページランク等の集計対象に含みません。 これはブログのコメント欄や、トラックバックスパムを防止するための機能で、一般的にトラックバックやコメントからのリンク属性には「rel=nofollow」がついています
第４回 HTMLからXHTMLへの移行方法（1）：ITpro
HTMLからXHTMLにスムーズに移行するには、「書式の違い」をきちんと押さえておくことが不可欠。今回は「XML宣言」「文書型宣言」「XML名前空間と言語コード」「MIMEタイプ」「style要素とscript要素」について見ていこう。 HTMLよりも書式が厳格なXHTML XHTMLはHTMLをXMLで再定義したマークアップ言語であり、HTMLの簡便さを残しつつXMLの論理的厳密性を備えている。そのため、HTMLのようにルーズなコーディング（たとえば終了タグがないなど）でもブラウザで問題なく表示される、ということはほとんどない。したがって、書き方にエラーがないかどうか少し神経質にならなければならない。 また、CSSがきちんと適用されないというトラブルも、実はXHTMLが正しく書かれていないことに起因していることが少なくない。 これらの問題を避けるべく、エラーのないソースにするには、バリデ
HTML Techniques for Web Content Accessibility Guidelines 1.0 - 7.3 Ascii art
HTML Techniques for Web Content Accessibility Guidelines 1.0 W3C Note 6 November 2000 This version: http://www.w3.org/TR/2000/NOTE-WCAG10-HTML-TECHS-20001106/ (plain text, PostScript, PDF, gzip tar file of HTML, zip archive of HTML) Latest version: http://www.w3.org/TR/WCAG10-HTML-TECHS/ Previous version: http://www.w3.org/TR/2000/NOTE-WCAG10-HTML-TECHS-20000920/ Editors: Wendy Chisholm, W3C; Greg
d.aql - scriptタグの中にJavaScriptを書く正しい方法
XHTMLでCDATA区間を使う。以上。 経緯 HTML4のscriptタグでJavaScriptをちょろっと書く時、中にHTMLタグがあるとダメという話が発端である。例えば、以下のようなのがダメだ。 <script type="text/javascript"> document.write('<p><a href="http://www.hikoboshi.org">hikoboshi.org</a></p>'); </script>ちなみに、ブラウザで動かせば多分動く。（試してないけど。）じゃあ何がダメかというと、HTMLの仕様的に。ちなみにこういう書き方をすると、多分HTML4でもXHTML1でもダメだと思われ。 そんな話をきっかけに、いろいろ調べた。 何故ダメか まずはHTML4のDTDを調べる。（別にstrictを選ばなくても良いんだけどとりあえず。） http://www.w
Levels of HTML knowledge | 456 Berea Street
Inspired by Emil Stenström’s Levels of CSS knowledge, I started thinking about the extreme difference in HTML knowledge among people working in the web industry. It spans all the way from people who know next to nothing about it to those who know it well enough to write the actual HTML specifications. I thought I’d describe a few different levels of HTML knowledge. For some people, these levels ar
HTML＆CSSサンプル集
aichan.biz This domain is expired. The domain owner has to renew it from the admin setting if you continue using it. 2018 Copyright. All Rights Reserved. The Sponsored Listings displayed above are served automatically by a third party. Neither the service provider nor the domain owner maintain any relationship with the advertisers. In case of trademark issues please contact the domain owner direct
[戯] target="_blank" を使わないで新しいウィンドウでリンクを開く方法
target="_blank" を使わないで新しいウィンドウでリンクを開く方法 2006-03-14-5: [JavaScript] <a href="foo.html" target="_blank">foo</a> を使えば新しいウィンドウでリンクが開きますが，これは XHTML 1.1 や XHTML Basic では採用されていません． ではどうするかというと，スクリプトを使うわけですが， <a href="javascript:void(0)" onclick="window.open('foo.html');">foo</a> こうすると，一見解決したようですが，JavaScript が off の場合はリンク先に飛べません． しかも，ステータスバーにリンク先が出ないので不安になります．これを <a href="foo.html" onclick="window.open('f
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Yahoo!画像検索流 iPhone用ページの作成方法
DHTMLとAJAXのフリーで使えるコード集「DHTMLgoodies.com」