はてなブックマーク

企業ホームページで有益性の高い記事を制作して注目を集め、優良な顧客の増加を目指す「コンテンツマーケティング」。その一環として、弊社では「ソーシャル・ブックマーク（略してSBM）によるプロモーション」を取り入れています。ソーシャル・ブックマークを有効活用することで、サイト・ホームページの認知度を高め、アクセスの増加が望めるからです。 しかし、この「ソーシャル・ブックマークプロモーション」を意図的に組織だって実施すると、サイトイメージの低下につながり炎上しかねません。プロモーションの一手法としては有効ですが、スタートダッシュの補足として、あくまで最小限にとどめる必要があります。 それでは、「ソーシャル・ブックマークとは一体何なのか」というお話しから始めたいと思います。 ホームページの記事更新を頑張っているけれど、誰にも読まれない ブログを更新しても反響がないので、やる気が出ない 悪循環から更新

最初にお断りしておきますが、弊社では「コピペ厳禁！」を合言葉に実務をおこなっておりますので、コピペ記事を使うことはまずありません。 さて、タイトルだけで言いたいことが全部伝わった気がするので、私からは以上です！ でも続きます（涙） 蛇足の説明 ぶっちゃけた話をしますと、WEBメディアの運用フェーズにおいて「ページ数を増やす」というのはSEO的な命題でして（コンテンツマーケティング的には非常にジレンマがありますが）、とにかくいたずらに文字数を浪費してもいいので「文字数の多いページをたくさん作る」という作業がWEBメディアの現場では重要視されがちです。 俗に言う「クソ記事量産体制」ですね。 現在SEO界隈だけでなく一般のネット界隈でも騒がれている某キュレーションメディアのアレなSEO事件。 これも有害情報をネットの海に撒き散らし、「クソ記事量産体制」を良しとした企業体質に批判が集まっているわけ

今回はスマホサイト作成で作業を続けていく中で見つけた「小ワザ」をご紹介します。 合法的に（？）CSSでテキストを非表示にしたい タイトルロゴ画像を表示して、附随するテキストは隠したい、そんな時。 これまでは、text-indent:-9999pxでテキストを飛ばして画像に置換する方法が多く使われてきました。 しかし、それでは、9999px分の領域を使う分パフォーマンスも悪くなってしまい、更にはSEOスパムだと思われてしまう可能性があることから、最近は好まれなくなってきました。 参考サイト：text-indent:-9999pxでテキスト飛ばさなくてもテキスト非表示にして画像に置換できる方法 | delaymania それすら、今回の制作を通して知ったのですが…… 『ロゴのテキストを残しつつ画像を表示させるには〜？』と悩んでいた時、岡部さんが、『このクラス使えば〜？』↓ と。 .clearT

岡部です。 あると便利な憎いやつ、「トップへ戻るボタン」。 とりあえずcssで見た目を作るところから、スムーズにスクロール、少しスクロールすると表示、フッター手前で止まる、などの処理をひとつずつ解説していきます。 参考にさせて頂いたサイトはこちら！ありがとうございます。 jQueryで作るスクロールしたら出現してスクロールに追随し、フッターの位置で止まるスムーススクロール Animated Scroll to Top htmlとCSSでデザインを作る まずはボタンがないと話が始まりません。 右下に固定で表示されているボタンを、htmlとcssでデザインします。 ポイントは、position:fixed;で位置を固定する、辺りでしょうか。 下記サンプルだとcssのみで丸や三角を表現していますが、画像を使っても良いでしょうね。 スムーズにスクロールさせる このままでも機能としては十分役割を果た

こんにちは、岡部です。 最近、Macでスクリーンショットをキャプチャする機会があったのですが、OS標準の機能だとできないことがあったため、ツールやソフトをいくつか調べてみました。 OSXの標準機能 とりあえず、標準機能だけでもこれだけのことはできます。 [command]＋[Shift]＋[3] 画面全体をキャプチャ [command]＋[Shift]＋[4] ドラッグで矩形選択した範囲をキャプチャ [command]＋[Shift]＋[4]＋[Space] カーソルがカメラアイコンに変わり、カメラアイコンで選んだウィンドウをキャプチャ そうすると、デスクトップにpngファイルとして保存されてきます。 ちなみに、保存されるファイル形式はTerminalで変更できるようです。 参考ページ Macで撮るスクリーンショットのファイル形式を.pngから.jpgに変更する方法 | gori.me（ゴ

今回はスマホサイト作成で作業を続けていく中で見つけた「小ワザ」をご紹介します。 合法的に（？）CSSでテキストを非表示にしたい タイトルロゴ画像を表示して、附随するテキストは隠したい、そんな時。 これまでは、text-indent:-9999pxでテキストを飛ばして画像に置換する方法が多く使われてきました。 しかし、それでは、9999px分の領域を使う分パフォーマンスも悪くなってしまい、更にはSEOスパムだと思われてしまう可能性があることから、最近は好まれなくなってきました。 参考サイト：text-indent:-9999pxでテキスト飛ばさなくてもテキスト非表示にして画像に置換できる方法 | delaymania それすら、今回の制作を通して知ったのですが…… 『ロゴのテキストを残しつつ画像を表示させるには〜？』と悩んでいた時、岡部さんが、『このクラス使えば〜？』↓ と。 .clearT

こんにちは、永橋です。 今回は「PHPでHTMLを解析（パース）する方法」を紹介したいと思います。 PHPでのHTMLパースはPHP Simple HTML DOM Parserを使った手法がメジャーですが、今回はGoutteというライブラリを使用します。 Goutteのダウンロード ＞https://github.com/fabpot/Goutte/archive/master.zip また、一緒に必要になるGoutte.pharもダウンロードします。 Goutte.pharのダウンロード http://get.sensiolabs.org/goutte.phar これらのファイルをアップロードすると準備完了です。 Goutteの詳しい使い方は、以下のサイトを参考にさせていただきました。 WebスクレイピングライブラリGoutteで遊んでみる ＞http://d.hatena.ne.jp