Webサービスを作るにあたって、SEO対策やSNSシェア、はたまたスマホで起きる予期しない動作回避のために、いろんなWebサイトに埋め込まれたメタタグと意味を調べたときのまとめです。 ※ 「意味」欄など、もろもろざっくりと書いてますので、念のために再確認してから使ってください。 基本／ブラウザ設定（PC/SP共通） タグ 重要度 意味 設定例
Search results for schemaorg, , qiitaseo, , qiita,
ベーシックアドベントカレンダー22日目です。 8日ぶり3回目の @tkhr です。 画像の遅延読み込みライブラリ比較の話です。 LPの高速化のために遅延読み込みを導入します。 対象になるLPは広告からの流入で表示するページになります。 なのでユーザの熱を冷まさせない工夫が必要ですね。 そのための工夫の一つとして今回は画像の遅延読み込みに対応します。 画像ならキャッシュがあるじゃん。と言えるかもしれ...
サーバーサイドレンダリング不要論 - Qiita
http://qiita.com
2700 日付 前
サーバーサイドレンダリング、Isomorphic、Universal JavaScriptなどの言葉をよく見かけます。なるほどね、良さそうだね、外部公開するサービスを書くことがあったら挑戦してみたいね、Mithrilにも isomorphic-mithril ってのをがんばっている人がいるし、みたいなことを漠然と思っていたのですが、最近ASCII.jpのシステムコールプログラミングの連載を書いてい...
最近SEOが複雑化してきていますよね。AMP対応までSEOのために必須になってしまって、普通のウェブサイトを作るだけでも一苦労です。 この記事ではRailsで構築したウェブサイトをSEOをする上で使うと便利なgemを紹介します。 metaタグの出力には meta-tags https://github.com/kpumuk/meta-tags railsでSEOを行う上で鉄板のgemです。head...
SEOの内部対策をするにはキチンとしたHTMLタグを使うことから！！！ ということでSEOには役立ちそうだけど、普段のHTMLコーディングではあまり意識しないHTMLのタグをまとめてみました。 正直それぞれのタグでどのくらいの効果があるのかはわからないですが、この手のコーディングは最初にやらないと、後から直すっていうことはないので、できれば最初にちゃんとやっておきたいですね。 主に以下のサイトを参...
最近はドメインも安く取得できるようになりましたので、需要はあまり多くはないかも知れませんが、「無料」で気軽に取得できるという点で、コストコンシャスな方々に一定の需要があると信じて投稿します。 症状と効能 オリジナルドメインで手軽にブログを始めたい（タダで） ネームサーバのテスト用のドメインを一時的に取得したい（タダで） フリーランスの名刺にオリジナルドメインのＵＲＬとメアドを刷り込みたい せっかく...
オリンピックが終わり、腑の抜けたようになっている方も多いかと思いますが、お元気でしょうか？ 私は元気です。 takorattaです。 この度、QiitaおよびQiita:Teamの投稿記事からの外部リンク（*.qiita.com宛ではないリンク）が含まれていた場合、そのリンクに以下の属性が付与されるように変更いたしました。 rel=“nofollow” target=“_blank” rel="n...
1. なぜ作ったサービスを見殺しにするのか プログラミングを勉強して、夜な夜なサービス作り、やっとの思いでリリースまで漕ぎ着けたのに、結局思うようにいかなくて、諦めてなかったことにする・・・こんな経験はありませんか？ 私はあります。 ノンプログラマーが8ヶ月でWebサービスを作ってみた ノンプログラマーが8ヶ月でWebサービスを作ってみた part2 今回は死にかけたサービスをお金をかけずに蘇らせ...
サイバー・バズ の @kashira2339 です。 最近巷を賑わせているAMPと、導入にあたって検討されるであろうことがらについて サイバー・バズでの取り組みにあわせて触れていきたいと思います:) 急いでいる人用 AMPを導入すると... モバイルページの表示が早くなる 検索結果にカルーセルUIが表示される Twitter、FacebookなどSNSのシェアボタンが設置できる サイドメニューやア...
[レベル: 中級] Google検索でリッチスニペットを表示させるための構造化データとして、旧式の data-vocabulary.org を今でも利用することができます。 しかし、現在Googleが公開している仕様としての schema.org を利用することが推奨されます。 schema.org 対 data-vocabulary.org GoogleのJohn Mueller（ジョン・ミュー...
Chainerで画像のキャプション生成 - Qiita
http://qiita.com
2959 日付 前
概要 Chainerを使って画像のキャプション生成を実装しました。画像を入力するとその説明文を生成します。ソースコードは以下にあります。 https://github.com/dsanno/chainer-image-caption 以下の論文のアルゴリズムを使いました。 Show and tell: A neural image caption generator すでにChainerでキャプシ...
一昔前まではjavascriptを使ったSEOに弱いというのがあったりしましたが、今ではGooglebotが大分賢くなりjavascriptを実行できるようになってきてます。 とはいえ何も考えなくてもいいかというとそうでもないので、javascriptを使った場合にSEO対策として意識しないといけないことをまとめてみました。 いろいろ書きましたが、 Hisory APIを使ってURLをきちんと書き...
ユーザー的にはウェブページが軽くシンプルに見れて嬉しいのですが、サイト運営してる人からすれば広告無しにページを見られちゃうと困るって人は多いと思います。 https://github.com/sitexw/FuckAdBlock みたいなadblock対策のライブラリまで登場していますが、もっとシンプルなAdBlock対策を思いついたので、書いてみました。 対策方法 広告っぽい名前のClassを見...
2014年にSEOで有名なmozブログにワンメトリクス（たった一つの指標）についての記事があります。 該当記事URL: https://moz.com/blog/one-metric もう2015年末ですが、この記事が公開された時にjavascriptでさっと実装したのでその紹介です。詳細については2015年にウェブ担で翻訳された記事を見る方が分かり易いです。 http://web-tan.for...
はじめに 皆様こんにちは。@n_uchidaと申します。 データサイエンティスト(?)としてWEB広告のアトリビューション分析などを担当してます。 リブセンスでは今までSEO担当/WEBマーケター/WEBディレクターもしてました。 え？なにやってる奴かよくわかんない？ 僕も正直わかんないです。 そんな僕ですが、個人の趣味で Ruby on Rails 勉強してサイト作ってます。 個人サイトのアクセ...
このエントリは GREE Advent Calendar 2015 の 3日目の記事です。 こんにちは！藤田（@tgfjt）です。 フロントエンドエンジニアやってます。 まだ全く年末気分でもクリスマス気分でもないので週末に飾り付けでもしたいです。 昨日は奥村さんの「 グリーの CSIRT “GREE-IRT” の歩み」 の記事でした。 「セキュリティ的に何か良からぬことが起きた時に駆り出される中の...
プログラミング大好きベーシック Advent Calendar 2015の4投稿目、ベーシックCTOのzaruさんから新卒2年目の私がバトンを受け取りました！ 今年の春から、社内サービスの1つをまるっと任せてもらって、SEOを色々試す事ができたので、その辺の内容を1年間の振り返りもかねて書いていきます。 SEOで対応すべき点や、対応方法、その結果などをわーっとまとめています。 長いですが、何らかの...
一見簡単に見えるJavaScriptでのリダイレクト(URL転送)ですが、よく知られた方法にはある落とし穴があり、Googleアナリティクスで正常な解析が行えなくなります。どんな落とし穴があるかと、その回避策について解説します。 なお、こちらの記事は、 SEM Technology - Googleアナリティクスに悪影響を与えずにJavaScriptでリダイレクトする方法 と同じ内容となっています...
ただ現在はGoogle(Yahoo!)さんなども、meta keywordsが読んでいない。 クライアントに説明する時に、毎回リソースを探して文章を作るのもめんどうなので、定型文を用意した。 2009年に公式に声明がありましたが、meta keywordsは、現在GoogleとYahoo!の検索エ...
