SEO

SEO 原则

Search Engine Bot 沒有「眼睛」
帮网页画重点
HTM TAG
- H1大标、H2中标、H3小标
- P文章段落
- strong 强调重点
- image “alt” 取代图片的文字

没有SEO效果的

div 块级元素
span 行内元素

Headline 原則

H1 一页只能有一个
H2 一页只能有2-3个。如果有10个，搜索引擎以为你在作弊。
H3 一页可以有6-10个

*所以不要乱用headling元素来装饰

权重

title
meta description
h1
h2
h3
strong
p

秘诀

多把关键字放在标题或叙述

gem “seo_helper”的使用

参考链接：https://github.com/techbang/seo_helper

加入Gemfile
gem “seo_helper”, “~> 1.0.3”
bundle install
新建 config/initializers/seo_helper.rb

SeoHelper.configure do |config|
     config.skip_blank = false
     config.site_name = "约霸"
     config.default_page_description = "约霸 海外留学 在线问答 留学咨询 禁止色情"
     #config.default_page_image = "#{Setting.domain}#{Setting.default_og_url}"
   end

4.为了可以一次写入title和description,在app/controllers/application_controller.rb中新增method

  def set_page_title_and_description(title, description)
    unless title.blank?
      set_page_title title
    end
    unless description.blank?
      set_page_description description
    end
  end
```  
5.在action中set_page_title_and_description
```ruby
     def show
			 set_page_title_and_description(“#{product.title}”,“#{product.descrption}”)
     end

6.在layout中引入

1 2	<%= render_page_title_tag %> <%= render_page_description_meta_tag %>

7.注意事项：
seo_helper要装1.0.3版的，在view中要把原先自定义的title删掉，如果<%= render_page_title_tag %>在原来的title之下就不会显示set_titles设置的title。而且会生成两个title

如何改善SEO

工具

google webmaster
- 会告诉你哪里扣分
- 具体告诉你他怀疑你哪里作弊

产品太多没办法被收录到？

解法

/rss
sitemap.xml.gz
sitemap generator
通知google webmaster来爬

其他影响因素

无mobile friendly会降分
社交权重(google plus)
开启速度

如何做Mobile Page？

Responsive Web Design
Bootstrap

两个页面

使用CSS缩小
使用gem判断是不是mobile浏览器，调整html与图片输出
- gem “browser”
  - brower.device.mobile?
- 出小图
  - 1024kb 400400 => 256kb 100100
- 砍html => sidebar在mobile版面应该被砍掉

SEO