「別タブで開く」リンク(target="_blank")は脆弱性あり？【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
リンクを別タブで開くためにHTML上でリンクにtarget="_blank"を指定することには「セキュリティとパフォーマンスの点で問題がある」と、グーグルのエンジニアが注意している。 一般的な書き方だと思うのだが、どういうことなのだろうか。何が問題なのか、どうすればいいのかを、わかりやすく解説する。 ほかにも今回は、SEOコンサルタントを採用するときのポイント、グーグル検索に有利なCMS、AMPストーリーのSEOなどなど、幅広い観点からSEOの理解を深められる情報をまとめてお届けする。 SEOコンサルタント採用時のグーグル流ベストプラクティスグーグル検索ではShopifyが優遇されている！? CMSで違いはあるのか？AMPストーリーに特化したSEOをグーグルが解説グーグル検索でニュース記事を目立たせるコツをグーグルが解説グーグルは、GAやChromeのデータを検索に使っていないグーグルSE
普通のHTMLの書き方
保守しやすく、規模に依存しないHTML文書のために 一般 DOCTYPEで始める 置き換えられるべきまたは旧式のDOCTYPEを使わない XML宣言を使用しない 文字参照はできる限り使わない &と<、>、"、'は名前文字参照を使ってエスケープする 制御文字や不可視文字は数値文字参照を使う コメントではその内容の前後へ空白文字を置く 終了タグを省略しない 空要素の書き方を混ぜない タグや属性値の前後へ空白文字を置かない 大文字・小文字を混ぜない 引用符を混ぜない 属性を2文字以上の空白文字で区切らない 真偽値を取る属性の値は省略する 名前空間は省略する XML属性は使わない data-*とMicrodata、RDFa Lite用の属性と通常の属性を混ぜない デフォルトの暗黙のARIAセマンティックスを尊重する 文書要素 lang属性を追加する lang属性の値はできる限り短くする できる限り
勉強会のスライドにもマンガルーが使えそう - くりにっき
tl;dr マンガルーとは？ ある予感がしてFAQを読んでみた 実際に問い合わせてみた まとめ tl;dr HTMLにマンガルーのタグを埋め込む形式であれば勉強会のスライドにも利用可能 マンガルーとは？ マンガのコマをwebサイトやSNSに貼り付けることができるサービスです mangaloo.jp このサイトのすごいところは「権利者より正式に許諾を受けた作品」を使えるということです ある予感がしてFAQを読んでみた http://mangaloo.jp/info/faq.html コマをSNSにシェアするにはどうすればよいですか？ 「コマをつくる」のコマの範囲確定後、または「コマをさがす」でコマをクリックした際に出るポップアップから、下図赤丸の「共有URL」をコピーしてSNSにはりつけてください。twitterやfacebookなどのOGP(リンクからの画像表示機能)に対応しているSNSで
これだけは知っておきたいOGP （Open Graph Protocol） | NEX.FM
Life is too short to worry about laundryOGP （Open Graph Protocol）。 facebook、mixi、GREEなどのSNSで使われている共通の仕様のことだが、重要な役割を担っている割に、あまり知られていない。今後のソーシャル時代に備え、確実におさえておきたい事項に間違いないので紹介する。特にウェブ制作をしていたり、サイトにいいね！ボタンを設置している方には、すぐにでも導入をおすすめする。 OGPとは OGPを簡単に説明すると、「このウェブページは、こんな内容です」ということを明言するための仕様だ。 誰に明言しているかというと、それは例えばfacebookに、だ。 facebookでは、あるウェブページがいいね！された時に、 「○○さんがリンクについていいね！と言っています」 とウォール上に投稿されることになるが、これはOG
Amazon S3 をホームページとして利用する | DevelopersIO
S3は静的コンテンツの置き場所として使える Amazon S3 は安心で安価なインターネットストレージサービスとして始まりましたが、最近、コンテンツをホームページとして公開できるようになりました。具体的には、index.html の設置などです。今回は、S3でホームページを公開する方法をご紹介します。 Bucketの作成とプロパティの変更 AWS Management Console の S3タブから新規にBucketを作成します。 プロパティには４つのタブがあり、接続許可を指定するPermissionsタブ、ホームページとして利用するか設定するWebsiteタブ、Bucket内の動作ログを設定するLoggingタブ、Bucket内のObject消失を検出し通知するNotificationタブがあります。 Permissionsタブでは、Bucketそのものに対する設定を行います。今回はそ
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タグが使えます。 他によくある使い道としては、まったく同じウェブページを複数公開する場合があります。 いわゆるミラーページを準備する
入力フォームのプレースホルダーを使ってはいけない
入力フォームのプレースホルダーテキストは、入力欄にどんな情報を入れたのかをユーザーが思い出すことや、エラーのチェック・修正を難しくしてしまう。また、視覚や認知機能に障害のあるユーザーにはさらなる負担となる。 Placeholders in Form Fields Are Harmful by Katie Sherwin on May 11, 2014 日本語版2014年6月17日公開 コンテクストに沿った説明やヒントは、入力フォームのそれぞれに何が入るかを明確にするのに役立つ。その結果、入力が促進され、コンバージョンレートは向上する。ヒントの提供方法はいろいろとある。実装として一般的なのは、入力フォーム内に説明を入れるやり方だ。しかし、残念ながら、入力フォーム内のプレースホルダーはユーザビリティに役立つよりも損なうことのほうが多いことがユーザビリティテストでは繰り返し示されている。 ラベル
jquery.my
jquerymy.js ‹{}› A lightweight jQuery plugin for reactive two-way data binding. How jquerymy works jQuery.my is a plugin for reactive data binding. Plugin mutates object given as a data source to sync it with user interactions. Data bindings, facade appearance and CSS styling of an app are all defined using single manifest which is standard javascript object. Manifests are JSONable. $.my recognize
list-styleで括弧付の数字を振りたいとき - しるてく
ちょっと前に友人と話していたのですが、 list-styleで（）付きの数字をつける方法。 動作確認はあまりしていないですが、最近のは大体大丈夫なはずです。IE7はダメです。 <!DOCTYPE html> <html> <head> <style> ol li{ list-style-type:none; list-style-position:inside; counter-increment: cnt; } ol li:before{ display: marker; content: "(" counter(cnt) ")"; } </style> </head> <body> <ol> <li>test</li> <li>test</li> <li>test</li> </ol> </body> </html> li以外でもこんな感じに使えます。 h2 { counter-inc
HTML5 Conference 2013 レンダリングパフォーマンスお話してきた！
HTML5 Conference 2013 で、僭越ながら1セッション担当させていただきました！やっっったら、奥行きの深い部屋で、後ろのほうの方にはスライド見えづらかったかもしれません。ごめんなさい。部屋の奥行きのわりに、スクリーン小さいという不遇がありました orz ということで、スライドのURL共有とか、イベントの感想とかです。 Rendering Performance 動画 Webフロントエンドのパフォーマンスは、今やページの初期表示を早くすることだけではありません。昨今のHTML/CSS/JavaScriptを駆使したWebコンテンツを、スムーズに動かすには、ブラウザのレンダリング(描画)処理について知る必要があります。このセッションでは、レンダリング上のよくあるボトルネックの見つけ方と対処を中心に、最適化Tipsをお届けします。 ちと粗いのですが、今回の参考URLリストです。
『nodeベースでGUIアプリを開発する「node-webkit」』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 こんにちは。Ameba事業本部の杉本と申します。 業務では「天下統一クロニクル」というチームでフロントエンドのディベロッパをしています。 今回は、「node-webkit」という一風変わったアプリケーションを紹介させていただきます。 私達は普段、gruntといったnode.js製のツールを使ってJavaScriptの結合や圧縮、画像の減色といった処理を自動化していますが、node-webkitはこれらnodeのモジュールを使ってGUIアプリケーションを作れるツールです。nodeの資産をそのまま利用できるので、私のようなディベロッパには嬉しいですね。
jsだけ使ってメールが送れる世の中らしい - 以下斜め読んだ内容
便利ですね MailChimpがMandrillというメール専門のBaaSのようなことをやってる Transactional Email from MailChimp - Mandrill xhrでpostするとメールが送れる via: Send an email using only JavaScript — Design + Startups — Medium 12,000通/月まで無料 Mandrill - Transactional Email from MailChimp mailchimpのようにダッシュボードで、開封チェックとか送る側が知りたい情報が知れる機能が使える htmlメールとか、画像埋込とか、添付ファイルとかメールに欲しいものもひと通りできる Messages API | Mandrill やってみた mandrillでサインアップして、api keyもらう手順 割
これがHTML？と言いたくなるようなPDF変換ソフトウェア·pdf2htmlEX MOONGIFT
pdf2htmlEXはレイアウトの再現性を極めたPDFからHTMLへの変換ソフトウェアです。 PDFはそのままでは容易に編集できないフォーマットです。そこが利点でもあり欠点でもあります。PDFを別フォーマットに変換するソフトウェアは幾つかありますが、今回は驚いてしまうくらい品質高いHTML変換を行うpdf2htmlEXを紹介します。 これがHTMLだと思えないくらいの再現度です。 計算式にも対応。 段組み、画像埋め込みも問題なし。 白黒に限らず扱えます。 中国語。マルチバイト対応です。 まるで素のPDFを表示しているかのような再現度の高さがpdf2htmlEXの売りです。PDFを一つのHTMLファイルとして出力し、色や文字の装飾も反映します。リンクもそのまま使えます。なお、Type3のフォントには対応しておらず、テキスト以外のオブジェクトは画像としてレンダリングされるようになっています。
エリアターゲティング マニュアル|IP Geolocation and IP Intelligence API どこどこJP
地方創生とは 地方創生とは、都市と地方の経済の格差をなくし、日本全体の国力を高めることを目的とした政策です。 2014年に第二次安倍内閣が日本全体の活力向上を目指す看板政策として「地方創生」を掲げ、4つの基本目標、2つの横断的目標のもと本格的な取り組みが開始されています。 ・地方創生の4つの基本目標 「稼ぐ地域をつくるとともに、安心して働けるようにする」 「地方とのつながりを築き、地方への新しいひとの流れをつくる」 「結婚・出産・子育ての希望をかなえる」 「ひとが集う、安心して暮らすことができる魅力的な地域をつくる」。 ・地方創生の2つの横断的目標 「多様な人材の活躍を推進する」 「新しい時代の流れを力にする」 これらの目標の根底にある課題は「持続可能な地域経済の構築」であり、東京一極集中とそれに伴い地方で加速する少子高齢化の悪循環を改善し、地方経済を回復させることが狙いです地域経済を回復
Styling Rails URLs
Written by August Lilleaas, published June 14, 2009 This article explains how you can alter the looks of your URLs in a Rails friendly way. I assume that you know how to use map.resources and named routes. Adding .html to all pages ActionController has a default_url_options method that it uses for all URL generation tasks. It returns an empty hash by default, but can be overridden. class Applicati
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Flatis
CODEPREP
http://web.okanos.com/html/character.shtm
オープンソースのWebアプリ開発向けコードエディター「Brackets」Sprint 23が公開
seoonrails.com - seoonrails リソースおよび情報