SEO: 全般的な検索エンジン最適化

Gemfile

@@ -140,3 +140,6 @@ gem 'mini_magick'
 
 # タグ追加時の選択フォーム
 gem 'chosen-rails'
+
+# HTMLのmetaタグを簡単設定
+gem 'meta-tags', require: 'meta_tags'

Gemfile.lock

@@ -207,6 +207,8 @@ GEM
       nokogiri (~> 1.4)
       ntlm-http (~> 0.1, >= 0.1.1)
       webrobots (~> 0.0, >= 0.0.9)
+    meta-tags (1.5.0)
+      actionpack
     mime-types (1.25.1)
     mini_magick (3.6.0)
       subexec (~> 0.2.1)
@@ -421,6 +423,7 @@ DEPENDENCIES
   jquery-ui-rails
   kaminari
   masonry-rails
+  meta-tags
   mini_magick
   mysql2
   newrelic_rpm

app/assets/stylesheets/clips.css.scss

@@ -90,6 +90,11 @@ $info_box_width: $clip_width - $image_box_width - $margin;
   width: $clip_width;
 }
 
+#clip > h2 {
+  margin: 20px 0;
+  text-align: center;
+}
+
 #clip .profile {
   margin-bottom: 20px;
   height: 64px;
@@ -134,6 +139,7 @@ $info_box_width: $clip_width - $image_box_width - $margin;
 #clip .image_box {
   margin: 0;
   text-align: center;
+  background-color: #fff;
   border: 1px solid #ccc;
 
   img {
@@ -196,6 +202,7 @@ h2.title {
   margin-bottom: $margin;
   width: $info_box_width - $padding * 2;
   padding: $padding;
+  background-color: #fff;
   border: 1px solid #ccc;
 
   .count {

app/assets/stylesheets/home.css.scss

@@ -65,3 +65,58 @@
     }
   }
 }
+
+// introduction
+#introduction {
+  color: #333;
+  margin: 30px auto 40px;
+  padding-bottom: 40px;
+  width: $contents_width;;
+  text-align: center;
+  border-bottom: 1px solid #ccc;
+}
+
+#introduction h1 {
+  margin: 0.5em 5px;
+  font-size: xx-large;
+  font-family: $font_gothic;
+
+  .s1 {
+    font-weight: bold;
+  }
+
+  .s2 {
+    font-weight: normal;
+  }
+}
+
+#introduction p {
+  line-height: 250%;
+  font-family: $font_gothic;
+  color: #666;
+
+  i {
+    margin: 0 0.5em;
+    @include opacity(0.75);
+  }
+
+  .btn-reclip {
+    color: #000;
+    @include icon(paper-clip);
+    @include btn-reclip;
+  }
+
+  .btn-like {
+    @include icon(heart-empty);
+    @include btn-like;
+  }
+
+  .tip {
+    color: #333;
+    margin: 0 3px;
+    padding: 3px 6px;
+    background-color: #eee;
+    border: 1px dotted #aaa;
+    @include border-radius(4px);
+  }
+}

app/assets/stylesheets/likes.css.scss

@@ -0,0 +1,9 @@
+// Place all the styles related to the home controller here.
+// They will automatically be included in application.css.
+// You can use Sass (SCSS) here: http://sass-lang.com/
+
+// like
+#like > h2 {
+  margin: 20px 0;
+  text-align: center;
+}

app/assets/stylesheets/matomes.css.scss

@@ -16,6 +16,12 @@ $infomation_width: 760px;
 $contribute_width: $header_width - $infomation_width;
 $cover_size: 100px;
 
+// matome
+#matome > h2 {
+  margin: 20px 0;
+  text-align: center;
+}
+
 // breadcrumb
 #matome div.breadcrumb {
   margin: 0;

app/assets/stylesheets/scaffolds.css.scss

@@ -61,6 +61,10 @@ div {
 html,
 body {
   font-family: sans-serif !important;
+  background-color: #f5f5ef;
+}
+
+table {
   background-color: #fff;
 }
 

app/controllers/home_controller.rb

@@ -1,19 +1,8 @@
 class HomeController < ApplicationController
-  before_filter :guest, unless: :user_signed_in?
-
   def index
     @clips = Clip.paginate(page: params[:page]).includes([ { image: :likes, comments: :user }, :user, :likes, :tags ])
     @hot_tags = Tag.hot(50).shuffle
     @new_matomes = Matome.limit(5).all
     render action: 'next_page' unless first_page?
   end
-
-  def guest
-    @clips = Clip.includes([ { image: :likes, comments: :user }, :user, :likes, :tags ]).reorder('view_count DESC, created_at DESC').paginate(page: params[:page])
-    if first_page?
-      render action: 'guest', layout: 'application_for_guest'
-    else
-      render action: 'next_page'
-    end
-  end
 end