yuina_sのブックマーク (143)

  • Web担当者のすべき最適化あれこれ - かちびと.net

    Webサイトを利用して収益化を目指す Web担当者は多くのすべき仕事があり、 すべき事が混同して知識や、行動に 混乱を伴うのは良くあることです。規制が 無いので誰かが作った言葉で更に混乱が 生じている可能性も否めません。 そこで、自分用ですが、すべき最適化を 挙げてみます。Web担当者の方にも 共通する事ではないかと思います。 中には「全部SEOだろ!」と思うかもしれませんが、あまり細かい事は気にしないで下さい。 参考URLは最善では無い可能性もあります。あくまでご参考までに。 もくじ URLの最適化 表示スピードの最適化 画像・イメージ・メディアの最適化 ソーシャルメディアへの最適化 ユーザーへの最適化 ページ印刷の最適化 リンク集の最適化 SERPs最適化 ※IE6以外はページの何処にいても右端に「上へ戻る」ボタンがあります URLの最適化 Webサイトのアドレスを最適化します。リンク

  • 似ているサイトを教えてくれる「SimilarSites」で競合サイトの調査をしよう

    FirefoxとIEのアドオンにSimilarWebというものがあります。 このアドオンは、表示中のサイトに似ているサイトをサイドバーに表示してくれるものなのですが、どうやらオンライン版ができたようなのでご紹介したいと思います。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 似ているサイトを検索できる「SimilarSites」「SimilarSites」は、URLから検索すると、そのサイトに似ているサイトの一覧を表示してくれるサービス。アドオン版では閲覧情報が送信されることもあり、それは困るという方にもオススメです。 日語サイトでも利用可能 ↑日語サイトで検索しても、日語、英語サイトで似ているものを表示してくれます。 ↑さらに「 Find Similar Sites to www.~~~

    似ているサイトを教えてくれる「SimilarSites」で競合サイトの調査をしよう
  • メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum

    今回は、Webサイトやサービスをメンテナンス中にする場合に、どのURLにアクセスしても「メインテナンス中です」の画面を出す正しいやり方を、人間にも検索エンジンにも適切にする作法を主眼に解説します。 この週末の土曜深夜~日曜早朝にかけて、データセンターの設備メインテナンスのため、Web担を含むインプレスグループのほとんどのWebサイトが、どのURLにアクセスしても「メンテ中です」という表示になっていました。 なのですが、その実装がちょっと気になったので、「正しいメンテナンス画面の出し方」を説明してみます。 ※2010-01-16 Retry-Afterを指定するHeaderの指定を修正しました(コメント参照) ※2009-06-17 RewriteCondから [NC] 条件を削除しました(コメント参照) ※2009-06-16 Retry-Afterの記述をGMTに変更しました(コメント参

    メンテナンス中画面を出す正しい作法と.htaccessの書き方 | Web担当者Forum
  • 貧乏な僕が心から「お前に出会えて良かった・・・」と思える11のフリーソフト - かちびと.net

    僕はお金が有るか無いかで言えば無い方。 そんな貧乏な僕がWebに触れていて、心から 「お前に出会えて良かった・・・ありがとう」と 思えるフリーとは思えないフリーソフトを ご紹介いたします。有名なソフトばかり ですが敢えて記事にしましたので、 参考になれば幸いに思います。 無料が当たり前なWeb界で、 「そんなの無料に決まってんじゃん」と思う方も多いかと思いますが、 これら全てが有料だったら今頃、Web界はどうなっていたでしょうか?分かんないっす。 「有って当たり前」と思われがちなあんなソフトやこんなソフトをご紹介いたします。 OpenOffice PCを購入するときにスタッフさんから「エクセルとワードは・・」と聞かれた時に 「要りません。」と言えるのはOpenOfficeのおかげです。何かを作るよりも 見るほうが多い僕にとっては全く不自由無いです。もちろんエクセルや ワード、パワポの拡張子

  • WordPressにSBMボタンを加えるプラグイン、SexyBookmarksの日本Ver.をリリースしました - かちびと.net

  • ローカル環境にPHP+MySQL 、WordPress構築を実現するBitNami - かちびと.net

  • WP GoogleAnalytics Reports でWordPressダッシュボードにアナリティクスを - かちびと.net

    いちいちGoogle Analyticsに行くのが 面倒です。かと言って「たいして見ないし」 というのもWebマスターとしてマズイので、 プラグインでダッシュボードにAnalytics を表示させるようにしました。そのプラグインが、 WP Google Analytics Reportsです。 ダッシュボードにGoogle Analyticsのデータを表示!! いや、かなり楽になりました。細かい設定は無理ですけど、 見たい、調べたい箇所は表示してくれるし、動作も軽いので オススメです。特に、プラグインのファイル数自体が少ないので 負担もかけず、動作が鈍くなる心配も無いと思います。 WP Google Analytics Reportsのインストール WP Google Analytics Reportsをダウンロードして解凍 /wp-content/plugins/内にファイルごとコピーし

  • CSSでの文字スタイル調整に使えるオンラインツール「CSS Type Set」:phpspot開発日誌

    CSS Type Set CSSでの文字スタイル調整に使えるオンラインツール「CSS Type Set」。 フォントサイズ、ファミリー、フォント色、単語間調整、行間調整、ボールディング等のスタイリングがプレビュー付きで確認できます。 個人的には、word-spacing , line-height の部分はすごく便利だなぁと思いました。 つまみをスクロールさせれば、単語の間隔がひろまっていきます。 同じように行間も調整可能。

    yuina_s
    yuina_s 2009/06/06
  • シンプルで綺麗にデザインされたWEBアプリなどに使える汎用アイコンセット「Led Pixel Icons」:phpspot開発日誌

    Download Webmaster Pixel Icon Set シンプルで綺麗にデザインされたWEBアプリなどに使える汎用アイコンセット「Led Pixel Icons」 収録されているアイコンの種類もかなり汎用的に使えそうなものばかり。 小さくてもディテールまで綺麗にデザインされているところがいいです。 これは押さえておいたほうがいいですね。 関連エントリ WEB開発に活用できる、2009年初お目見えアイコンセット集 物凄く綺麗なアイコンセットが色々 綺麗なアイコン作成のチュートリアル集

  • SEOの順位を上げるためのWordPressプラグイン10 – creamu

    WebDesignBoothというサイトで、SEOの順位を上げるためのWordPressプラグインが紹介されています。 ざっとご紹介。 » All in One SEO Pack ページごとにtitle、description、タグを設定できる » Broken Link Checker リンク切れをチェックしてくれる » Google XML Sitemaps Generator Googleサイトマップを作ってくれる » SEO Friendly Images 画像に適切なaltをつけてくれる » No Self Pings 自サイトへのpingbackを削除してくれる » Enforce www. Preference wwwありなしを統一してくれる » Platinum SEO Pack All in One SEO Packと同じ機能を持ち、さらにオプションを設定できる。しかし、

  • テキスト部分のスタイルシートをサクッと一括で作成できる「Easy CSS Styler」

    WEBデザインに慣れていないと、テキスト部分のデザインをバランス良く行うのになかなか苦労するのでは? 今回は、そんなテキストのスタイルを一括でプレビューしながら作成できるサービスをご紹介。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! テキストのCSSをカンタンに一括で作れる便利サービス「Easy CSS Styler」は、ヘッダーや見出し、そしてテキストリンク部分のCSSをバランスを見ながら一括で作成できる便利サービス。 カラーピッカーで色を探りつつ、その場でテキストのプレビューに反映されるので、バランスの調整が便利に行えます。ピッカー上でダブルクリックすれば、色を確定できます。 ↑カラーピッカーで色を変更すると、リアルタイムにプレビューへ反映されます。 色を変更する部分をここで変更できます。

    テキスト部分のスタイルシートをサクッと一括で作成できる「Easy CSS Styler」
    yuina_s
    yuina_s 2009/06/06
  • Twitterを使い始めてから少し楽しさが分かった頃にあると便利な8つのツール - かちびと.net

    【追記あります】 ホリエモンTwitterを初めてすぐに フォロワー2000越えを達成したので、 Twitterを使い始めてから少し楽しさが 分かった頃にあると便利なTwitterを 更に使いやすくするツール等を ご紹介いたします。 最高のTwitterツール、Troys Twitter Script Troys Twitter ScriptはFireFoxのアドオンGreasemonkeyのユーザースクリプトで、 WEBマーケティング ブログさんで紹介されていてからあまりに便利すぎて何人にも紹介しています。これが無いと生きて行けない。 どれだけ最高かはWebマブさんの記事が凄く分かりやすいです。一応機能紹介。 “@”のあとに頭文字を入れると、フォロワー内の候補表示 リンクを自動デコード 投稿時にURLを bit.ly で自動短縮 次ページの自動読み込み 画像やYoutubeをその場に表

  • さくらのお薦め WordPress プラグイン×20…って言うか単に使ってるやつww

    さくらです☆ ロデちゃんが WordPress 使うみたいなんで、オヌヌメプラグインをリストしてみました。 絶対要る、あった方が便利、使ってないけど便利そうなの、の3段階で分類してます。 それと WordPress は日語版前提だから、WP Multibyte Patch はインスコ済みだと思うのでリストに入れてないわよ。 絶対要るプラグイン Add Post Footer 各記事のフッタを自動で付けてくれるプラグイン。ブログランキングへのボタンはこのプラグインで出力してます。 Disable Revisions and Autosave plugins WordPress の自動リビジョン管理機能と自動セーブ機能をオフにするプラグイン。たぶんこの記事のパーマリンクは http://sakuratan.biz/archives/890 だと思うんだけど、実際に存在してる記事は 260 弱

    さくらのお薦め WordPress プラグイン×20…って言うか単に使ってるやつww
  • 複数サイトで同一のコメントを共有できるGoogleのブログパーツは言語の壁も越える

    何気なくスルーするところだったのですが、これはすごいかもしれない。 先日から話題になっている、Googleのブログパーツ一覧(Web Elements)の中に、シレっと置いてある「Conversation Element」は、サイトや言語の壁を越えてしまうかもしれません。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! 世界中の同一ジャンルサイトをつなげる会話ブログパーツConversation Elementは、ジャンル別に絞って作成することが出来る会話用(コメント)ブログパーツ。 その特徴は、複数サイトで共通のコメント内容を表示するブログパーツを設置できるうえに、言語の翻訳も可能になっていることです。 サンプル ブログパーツ↑これは私が勝手に「お題」を決めたもの。既に用意されているカテゴリーだ

    複数サイトで同一のコメントを共有できるGoogleのブログパーツは言語の壁も越える
  • サイト構成 - かちびと.net

    【2009・5・31最終更新日】 ※情報は非常に古いです。参考になさいませんようご注意ください。 かちびと.netWordPressというオープンソースのCMS(コンテンツ・マネジメント・システム) で作成しています。WordPressにはテーマスキンを簡単に変更出来る事も特徴のひとつで、 私もあるテーマをベースに、かちびと.netのような独自のテーマスキンを作成しました。 そのカスタマイズ法を一つも隠さず書いて置きます。 もくじ カテゴリごとに違うsingle.phpを呼び出すカスタマイズ法 WordPressのテーマSEOハック 使用しているプラグインの解説 WordPressに関する雑感 便利な便利なブログパーツ Twitterが好きなんです かちびと.netは完成しない カテゴリごとに違うsingle.phpを呼び出す 通常、WordPressは記事にsingle.phpが割り当

  • Twitterのホームページをいろいろ便利にするグリースモンキー まさにBetter Twitter

    Twitterのページをいろいろと便利にしてくれるグリースモンキーが登場。 リプライするときにオートコンプリート表示してくれたり、ページ送り不要になったりと、Twitterページを開く機会が増えそうな追加機能がたくさん付いてます。 組織のマインドマップツールをマインドマイスターにすべき理由 伸びてる産業、会社、事業を紹介しまくるStrainerのニュースレターに登録!! Twitterをいろいろ便利にするグリースモンキー「Troys Twitter Script」は、Twitterのホームページをいろいろ便利にしてくれるFirefox用のグリースモンキースクリプト。 利用するにはあなたのFirefoxにGreasemonkeyをインストールすることが前提となります。 Twitterをいろいろ便利にするグリースモンキーの特徴 “@”のあとに頭文字を入れると、検索候補を表示 短縮URLを自動で

    Twitterのホームページをいろいろ便利にするグリースモンキー まさにBetter Twitter
  • コメントするのが楽しくなる4つのWordPressプラグイン - かちびと.net

    ユーザーさんにコメントを頂いたり、 管理者がコメントに返信したりするのは ブログの醍醐味ですが、どうせなら コメントしたくなるように工夫しておきたい所。 それを実現する4つのWordPressプラグインを ご紹介いたします。 Quote Comments コメントを容易に引用、返信する事が可能です。それぞれのユーザーの コメント欄に「引用」ボタンが表示されるので引用したい、返信したい コメントをクリックするとコメント欄にタグが表示。あとは言及するなり、何なり。 引用元のユーザーのリンクも出ますので誰に返信してるかが一目で分かります。 Quote Comments Custom Smilies 絵文字をコメントで使えるようにするプラグインです。wwwが苦手なパシフィカスさんも これがあればイラッと来る事も無くなります。顔文字も時として馬鹿にされてる、 と取られてしまう事になるかもしれませんが

    yuina_s
    yuina_s 2009/05/29
  • 70個のアイコンを一括でカラー、背景色変更、3サイズから選択、フリーDL出来るiconza - かちびと.net

    70個のアイコンを一括でカラー変更、 背景色変更、3つのサイズから選択可能で、 ダウンロード可能なWebサービス、iconza をご紹介します。 アイコンのデザインクオリティも申し分ありません。種類は70種。 サイトに合わせてカラーの変更可能 上記の15色からアイコンのカラーを変更できます。 サイズは3サイズ。32×32、24×24、16×16からお好みで。 背景カラーも変更できます。 デザインが決まったら右下のDownload all iconsをクリックすればzip形式でDL出来ます。 全部入らなければ、欲しいアイコンをクリックすれば単体でDL出来ますので無駄もなくなりますね。 これはよさ気です。 iconza

  • WordPress.orgのフォーラムで使用してるCMS、bbPressのインストール法 - かちびと.net

    掲示板CMSで使い勝手の良いのを探して、phpbbやWordPressのプラグイン を使用してみましたが、どうもピンと来ないと思っていたところ、WordPress.orgの フォーラムがよかったなぁ、と思って探したらすぐに発見。なんで気が付かなかったのか・・ bbPressというフォーラム(掲示板)系CMSが、やはりGPLの元、オープンソースで提供。 日語リソースが配布されている。これはありがたい。 参照:よくきたblog-bbPressの翻訳をしてみた と言うわけでインストールです。 bbPressインストール方法 bbPressをダウンロード 日語リソースをダウンロード(ja.moとja.po) bbPressを解凍して/bb-includes/内にlanguagesファイルを作成 languagesファイル内に日語リソースを入れる。 bbPressのbb-config-samp

    yuina_s
    yuina_s 2009/05/27
  • ブロガーのための「Firefox」アドオン--記事作成を効率化する15種

    「Firefox」のユーザーでありブロガーである筆者は少し前に、効率を上げる最善の方法は便利なFirefoxアドオンを見つけることだと気付いた。 さまざまなFirefoxの拡張機能を試して、ブログ記事の作成をより効率良く行える15の優秀な拡張機能を見つけ出した。 Firefox拡張機能 Apture Editor:「Apture Editor」を使うと簡単に、文脈に関係した画像、ビデオ、リファレンスガイド、リンクなどをブログに追加することができる。読者がAptureのリンクが設定された言葉にマウスを合わせるとボックスが立ち上がり、事前に選んだ関連メディアを表示する。読者がアイテムをクリックすると新しいウィンドウが開いて、そのメディアの情報元を表示する。これはブログ記事にさらなる価値を付加する素晴らしい方法だ。 Clipmarks:「Clipmarks」はテキスト、画像、ビデオなどウェブペー

    ブロガーのための「Firefox」アドオン--記事作成を効率化する15種