HOME > コラム

SEOなどの技術情報コラム

コラム

SEMラボラトリーがお送りするコラムです。
SEO対策から割とどうでもいいことまで幅広く書いています。
SEO対策については真面目な記事になると思いますが、それ以外の記事については楽しくなるような記事を目指しています。
「ちょっとは役に立ったかな?」や「ちょっと面白いな(笑)」みたいなことを感じられましたら、シェアして頂けますと幸いです。

コラム記事一覧

Readmore.jsサイトイメージ
Readmore.jsは、読み物サイトの多くに実装されている「続きを読む」や「Read More」を設置して、文章が長くてもコンテンツが縦長にならないようにコントロールするボタンを設置するjQueryプラグインです。今回、CSSの装飾を追加して実装しました。使い慣れると便利なプラグインかなと思います。文章が多いと全文表示をするとやたら縦長になることが多いので、このようなプラグインを常時使い込んでおくと、いざという時に助かりそうな感じがしました。
AOSサイトイメージ
AOSは、「Animate On Scroll Library」の略で、スクロールしてコンテンツを表示する時に、コンテンツにアニメーションをかけることができるライブラリです。jQueryは使わず、jsとcssで手軽に実装できてしまいます。過去に書いたjQueryプラグイン記事「ページ遷移する時にフェードなどのエフェクトを加えるjQueryプラグイン「Animsition」の使い方」とよく似た動作をします。
レンタルサーバー検索結果イメージ
前回の記事でSSLの手引きということで、SSL設定後のことを書いて見ました。今回はそのSSLに因んで無料でSSLが使えるレンタルサーバーのススメとやらを書いてみようと思います。このレンタルサーバーは年々仕様が変わることと、新たなサービスが色々出てくるので、題して「レンタルサーバーのススメ2018」というところです。レンタルサーバーとIP分散サーバーについて触れた内容です。
https://イメージ
無償でSSLをサーバーに設定することができるようになってきました。ということで、当サイトでもSSL対応を進めてみました。大規模サイトではないため、IPベースのSSLではありませんが・・・という感じです。ただ、やはり細かいことは色々あるものでして・・・。今回は、SSL設定時につまづいたことや後からフォローが必要だったことをまとめておきたいと思います。
検索エンジン最適化(SEO)スターターガイドイメージ
2017年、技術的な進化によって、検索エンジン上でのマーケティング、WEBマーケティングに大きな変動が出てきた一年だったのではないでしょうか。およそ専門家の多くが示唆していた「スマホ対応」、「AMP」、「PWA」の技術的な側面において、大きく飛躍した一年だったと思います。また、SSLが無償で実装できるようなサービスが増えたことなどにおいても、大きな動きがあったように思います。2018年は、これらがさらに発展すること間違いないことと、これらに対応するか否かによってサイトのあり方も変わるように考えています。ということで、それらSEOに関する見通しを書き出して見たいと思います。
「考」イメージ
2018年、新年明けましておめでとうございます。今年も書き初めをいたしました!もう毎年のことになりつつあるので、途中でやめるわけにはいかなくなってきました(笑)今年は「考」でいきます!下手に考えすぎて動かないのは問題ですが、もっと思考を深める年にしたいなと思っています。
Googleで「hayax」と検索した時の検索結果
数日前に初めて発見したんですが、「hayax」と検索した時の検索結果が凄い状態になってました。今回はそんなツマラナイ・・・と言うか、知って得も損もない情報の共有です。推測ですが、「hayax」はSEMラボラトリーの共起語になっているということでしょうか?(笑)
Googleウェブマスター向けブログ「医療や健康に関連する検索結果の改善について」の記事イメージ
Googleウェブマスター向け公式ブログに「医療や健康に関連する検索結果の改善について」という記事がポストされました。見たまんまですが、医療に関するキーワードや健康に関するキーワードを含んだウェブページにおいて、コンテンツ評価の基準が大きく変わりましたよ・・・という内容です。いつしか起きた医療情報系サイトの行き過ぎたコンテンツを持ったサイトに対する対応だと認識しています。ですので、どのようなサイトにも影響のあるアルゴリズムアップデートではありません・・・と認識しています。もし、何かしら医療情報をお持ちのサイト運営者様は、何かしら気にかける必要があるかもしれません。
Googleウェブマスター向けブログ「ユーザーに高品質のAMPページを」の記事イメージ
ここのところ、AMPページへの取り組み感が業界で加速的に動いているように感じています。海外SEO情報ブログの記事にもあるように、YahooがAMPサポートを正式に開始した模様です。YahooのAMPサポート開始は、当方でも確認できました。また、Googleウェブマスター向け公式ブログでも、AMPを推奨するような記事を書かれていました。ということで、それらに関して思うことを書いておきたいと思います。
Superfishサイトイメージ
Superfishは、横に並ぶメニューや縦に並ぶメニューの両方に対応するドロップダウンを実装することができるjQueryプラグインです。デモも用意されていますので、イメージがわきやすい挙動だと思います。しかし、ドロップダウン系のjQueryプラグインはスッキリシンプルな国内産がかなり使いやすいイメージがあります。単純な動きでシンプルな感じです。ただ、海外産のドロップダウンは若干複雑になっている気はしますが、幅広い設定があらかじめ用意されている感じで、このような多様性のあるドロップダウンだと、何かと助かることも多い感じがします。どっちが良いというわけではなく、どっちが悪いというわけでもなく、、、という感じですので、とりあえず使い慣れるような感じでご利用いただければと思う次第です。因みにですが、2017年11月27日現在、バージョンは1.7.9です。
お寺の窓口サイトイメージ
2017年11月30日(木)、お寺の窓口様主催のセミナーに講師で登壇させていただくことになりました。年に一度、必ずどこかで登壇させていただくという(笑)今年もあって良かったです。今回のセミナーは有料でしてお寺の関係者様が多いようです。また、元々は弁護士の高谷氏が講師なわけですが、高谷氏がスマイルメディア社の今井氏と私に声をかけていただきました。ということで、久しぶりの告知です(笑)
jquery-tubularサイトイメージ
jquery-tubularは、YouTubeの動画を、WEBサイトの背景に設置することが出来るjQueryプラグインです。動画を背景にすると、素材次第によっては相当に重いファイルになってしまうことがありますが、YouTubeであれば、色んな意味で助かることがあります。なので、背景素材に動画を使うのであれば、YouTubeにアップして再生が軽い状態にしたものであれば、ブラウザや回線の負担がだいぶと軽くなるのではないでしょうか。ちょっと邪魔な表示があるかもしれませんが、滞在時間くらいは特に問題ないように思いますので、背景に動画を入れられたい方は必見です。
Tabsletサイトイメージ
Tabsletは、タブボタンを設置し、そのボタンをクリックしたりhoverすることで、コンテンツの表示非表示を切り替える挙動をします。説明になっていますかね。もし、ご理解が難しいようでしたら、サンプル設置を見てみてください。それはそうと、配布元のサンプル記述では正常に動作しなかったように思います。ということで、適宜、若干修正した感じではありますが、正常に動作しましたので、どうぞご確認を宜しくお願いいたします。
Pointy Sliderサイトイメージ
Pointy Sliderは、ちょっと変わった挙動をするスライダーです。配布元のサイトでは、フルスクリーン状態で使うことを想定されているようでしたが、挙動が面白いので、当サイトのテンプレートのサイズに変えてみました。あと、サイズの決め方の仕様に関しては、当サイトのテンプレートの仕様に併せましたが、ブラウザサイズによる挙動が変わる仕様に関してはそのままにしています。当サイトのテンプレートに併せるようでしたら、「480px」、「768px」に併せた修正が必要になります。
Analyticsページ一覧イメージ
某日・・・っていつ頃か忘れましたが、1、2ヶ月程前に気づいたことなんですが、Google AnalyticsのページのPVなどが一覧化されたリストの中に変わったURLを発見しました。最初はスパムか何かの類かと思いスルーしてたんですが、なかなかなくならないので、調べてみると、このことに気づいた方が多いようでした。海外でも話題になってるようですが、原因などはまだ掴めてないようです。ということで、AMPページについている引数が何のなのかをメモするという意味で、本稿を残しておこうと思います。因みに結論の出るお話ではありません。
t.jsサイトイメージ
t.jsは、ブラウザ上に表示されているテキストを、タイピング入力してるようなアニメーションをかけるjQueryプラグインです。読んでもらう箇所にこのアニメーションをかけると、いじいじさせてしまう可能性があるため、読んでもらう箇所にかけるのではなく、デザイン的に見せる箇所で使うjQueryプラグインかなと思います。テキストだけだと平たんに見えてしまう箇所も、t.jsを使えば、パッと目を引くテキストになること請け合いです。
adwordsサイトイメージ
オウンドメディアのお話をすることが多くなるにつれて、次第にリスティング広告に関するお話もすることが増えてきた気がしています。弊社は体制の問題などがあり、本格的な広告運用はお受けしておりません。ただ、リスティング広告の管理には携わりながら色々なデータが見たいということもあり、自社サイトを定期的にリスティング広告に出稿しています。また、クライアントがリスティングに出稿されている場合、データは拝見させていただいています。そこで、上手く運用されている企業様とそうでない企業様の差を感じることがありますので、今回はそこに触れたリスティング広告について思うことを書いてみようと思います。
Google検索イメージ
2017年6月末ごろに、Googleがマイビジネスに紐づいた”投稿”をすることが出来る機能をリリースしました。サービスの正式名称がないので、ここでは「Google投稿」若しくは「Google Post」としたいと思います。今回は、そのGoogle投稿の使い方を説明したいと思います。上手く使いこなすことができれば有益なこと間違いありません。
オウンドメディア wikipedia
Media Laboをオープンしてから、オウンドメディアについてのお問い合わせが明らかに増えました。いつもありがとうございます。お問い合わせをいただく際の質問や、私どもが見るオウンドメディアの内容などなど、思うことが多々あります。”面白い”オウンドメディアと”普通”のオウンドメディアには、たった一つだけではありますが、共通点があるように思いました。弊社視点では、少なくともそのように思いました。今回は、そこのところについて思うことを書いてみようと思います。
Media Laboサイトイメージ
前回コラムから少し時間が空いてしまいました。この度、新サイト「Media Labo」をオープンしました。新しい取り組みとしてWEBサイトやWEBシステムの制作・開発を行っていくためのプロダクトサイトです。これまでSEOのみを仕事として受けさせていただいてきましたが、これからは積極的に制作にも携わらせていただきたく思います。
新着記事以外のコラム記事は下記のカテゴリからお選び下さい。
SEO対策に関する記事を投稿するカテゴリです。とにかく、SEO対策のことのみを記事にしようと思います。弊社の本業です(笑)
インターネットやWEBに関する総合情報に関する記事を投稿するカテゴリです。技術的なことでも出来るだけ分かりやすくしていこうと思います。
社内での出来事やランチのことなど、小さなことから大きなことまでを投稿するカテゴリです。少人数なのでネタは限られてますが面白可笑しくいきます!
その他、上記に当てはまらないことは全てこのカテゴリに投稿します。弊社の歴史・・・というわけではありませんが、後になって懐かしむことが出来る記事を投稿します。
株式会社SEMラボラトリー
TEL : 06-4394-8427
MAIL : info@oosaka-web.jp
PAGE TOP