TOP  >  SEO

Tag : SEO

2008年05月31日

シンプルなサイトステータスチェックサービス「urlmetrix」

自分で運営しているサイトは可愛い物で、どんな状況に置かれているのかが気になる人も多いかと思います。そこで今回紹介するのが、ページランクやGoogleやYahoo!など検索エンジンのページランクやインデックス数やバックリンク数、テクノラティランクなどを一括でスマートに表示してくれるWEBサービス「urlmetrix」を紹介したいと思います。

使い方も至ってシンプルで「Your URL」の欄に調べたいサイトのURLを入力して「Check」のボタンを押すだけです。動作も軽快でサイトのステータスがストレス無く表示されます。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:53  |  
Category: WebService   
このエントリーをはてなブックマークに追加
2007年10月25日

記事の手動関連付けができるWPプラグイン「Related Posts Link」

関連記事の表示はSEO的にも効果を発揮するし、読者にとっても有益なリンクだと思います。今回紹介する「Related Posts Link」は手動で関連記事を記事に差し込む事ができるWordPressプラグイン「Related Posts Link」です。

インストール方法

1. 配布元の「erwin@terong » WP Plugin: Related Posts Link」より terong_related.phps を保存し、terong_related.php にリネーム。

2.[terong_related.php]を「wp-content/plugins/」アップロード

3.Related Posts Linkのプラグインを有効化。

利用方法

1. 記事投稿画面から関連付けを行いますが、新規投稿時には何も表示されません。関連記事を挿入する為には一旦記事を保存する必要があります。

2. 保存済み記事の記事投稿画面では、下記の画像のようにウィンドウの右上端に「Related Links」の項目が表示されます。

Related Posts Link

※「Related Links」をクリックすると保存時の状態に戻ってしまうため、追加編集したら必ず保存してから「「Related Links」」をクリックしてください。

3. 「 Related Links」をクリックすると、下記の画像のような実際に関連付けを行う別画面で開きます。
Related Posts Link2

※リストは投稿ステータスが「公開」の記事のみ。公開ステータスのパスワード付き記事はリストアップされますが、草稿・非公開の記事および「ページ」はリストアップされません。

4. 関連付けたい記事にチェックを入れ、[Update]ボタンをクリック、[Close this Window]をクリック。これで関連記事が表示されているはずです。

自動で関連記事を表示してくれるプラグインもありますが、DesignDevelopでは精度を上げる為に手動で関連記事を挿入する方法をとりました。膨大に記事を書いている方やジャンルが多岐にわたる方はタグによる関連記事の自動表示とかの方が良いかもしれません。

続きを読む
posted 07:05  |  
Category: plugin , WordPress   
このエントリーをはてなブックマークに追加
2007年10月17日

WordPressのSEO総合プラグイン「All in One SEO Pack」

動的なページなWordpressだけにしっかりとSEO(Search Engine Optimization、検索エンジン最適化)はやっていきたいですね。Wordpressdで運営していく上で気をつける点は多々あると思いますが、今回はSEOに便利なプラグイン「All in One SEO Pack」を紹介したいと思います。こちらのプラグインはAll in Oneと名乗っているだけあって、細かな所まで行き届いたSEO対策を簡単に設定する事ができます。

大きな特徴として、Titleタグ、MetaタグのKeywords、Descriptionを各投稿、ページにおいて設定することができます。Ultimate Tag Warriorのプラグインを使っている場合でも、TagとあわせてKeywordsに反映されるみたいなので安心です。

さらに嬉しいのはページタイトルの表示フォーマットも変更できる点です。一般的に「ブログ名|タイトル」とするよりも「タイトル|ブログ名」にしたほうがSEO的に良いとされていますが、そういったタイトルの表示もこちらのプラグインを使えば簡単に管理画面から設定できるようになります。

インストール方法は以下
(続きを読む…)

続きを読む
posted 04:22  |  
Category: plugin , WordPress   
このエントリーをはてなブックマークに追加

過去の記事からランダムで表示

2013年05月05日

価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」

WEBサービスでよく見かける、サービスの形態ごとの価格表、そのプランで何ができるのか?いくら位の差があるのかというのを一瞬で見分けられるように整理されており便利でスタンダードなデザインですが、これがいざ作るとなるとなかなか難しく苦労したというデザイナーの方も多いのではないでしょうか?今日紹介するのは価格表のデザインをまとめたデザイン集「21 Examples of Pricing Pages in Web Design」です。


Spotify

全部で21もの価格表がまとめられたています。今日はその中から気になったものをいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 06:43  |  
Category: WebDesign   
2011年08月24日

デザイン性の高いフリーフォント集「Fresh Collection Of High Quality Free Fonts for Professional Designs」

Design Developではさまざまなフリーフォントを紹介していますが、今回はデザイン性の高い、プロユーザーにも嬉しいフリーフォント集「Fresh Collection Of High Quality Free Fonts for Professional Designs」を紹介したいと思います。


SD Cammello Font | dafont.com

シンプルなフォントから、デザイン性の高いフォントまで、40種類以上のフォントが紹介されています。中でも気になったフォントをピックアップしましたので、下記よりご覧ください。

詳しくは以下

font liquit colour by ~letsgotoshine on deviantART
円を基調にデザインされた可愛らしさを感じるフォントです。ナチュラル系のデザインにぴったり。


 
 
 
 
 
Scruffy Uppercase Only Font on the Behance Network
手作り感を演出するフォントです。DIYやクラフト系のデザイン制作で使いやすいデザインフォントだと思います。


 
 
 
 
 
RBNo2 free font | Fontfabric™
シンプルな中にも、レパートリーのあるフォントセット。シーンに合わせて多用途に利用できるのではないでしょうか?


 

フリーフォント素材は、デザインの制作時間を短縮するために重要なアイテムだと思います。他にもたくさんのフォントが紹介されていましたので、気になる方は是非原文もチェックしてみてください。商用利用の範囲などは、各サイトで利用規約の確認をお願いします。

Fresh Collection Of High Quality Free Fonts for Professional Designs | Free and Useful Online Resources for Designers and Developers

続きを読む
posted 04:26  |  
Category: Design , Font   
2013年05月27日

ボタンやバーなど シンプルベースのフリーUIキット「11 Useful And Free CSS UI Kits」

見やすく、分かりやすいインターフェイスを構築するためには、デザイン性にもこだわりが必要なもの。今回はそんな時に便利に活用できるフリーUIキット「11 Useful And Free CSS UI Kits」を紹介したいと思います。


Dribbble – All CSS UI-kits by Samuel Horn af Rantzien

シンプルベースのボタンやバーなどを収録したUIキットが11種まとめられています。気になったものをピックアップしてみましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:13  |  
Category: Design   
2009年06月20日

画像を一切使わないタイプで見せるwordpressテーマ「WP TYPO」

今までDesigndevelopでは様々なwordpressのテーマを紹介してきましたが、今日紹介するテーマは少し変わっていて、画像を一切使わずに文字だけで見せるwordpressのテーマ「WP TYPO」です。

wptypo01

タイトルから、日付、ページ内の装飾に至るまで、すべて画像をつかわず表現しています。テキストベースですが、フォントの違いや文字の大きさの強弱の付け方で、メリハリをつけて見やすくなるように構成されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 12:35  |  
Category: WordPress   
2014年06月06日

フリーで利用できる さまざまなテイストで描かれたワークスペースイラストレーション「Free download: fun workspace illustrations from freepik.com」

仕事で作業をするワークスペース。人によって、また国によってさまざまなレイアウトだったり、ガジェットが置かれていたり個性で溢れる場となっていると思います。今回はそんなワークスペースがさまざまなテイストで描かれ、さらにフリーで使用できるイラストレーション「Free download: fun workspace illustrations from freepik.com」を紹介したいと思います。

workspace1

ポップなテイストのワークスペースイラストが、いろんなパターンで展開されています。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2008年09月01日

方眼紙を意識したフリーゴシックフォント「FontStruct Font-Les Bains」

様々なフリーフォントを紹介してきましたが、今回紹介するのは方眼用紙のバックグラウンドの線を使って作ったフォント「FontStruct Font Les Bains」です。アルファベットの大文字、小文字、数字、記号と基本的な物はすべて揃っています。また記号的な物や独自のフォントタイプも用意されているみたいです。
 


 

このフォントは以前、「オリジナルフォント作成サービス「FontStruct」」という記事で紹介したWEBサービスを使って作られたフォントです。

詳しくは以下

(続きを読む…)

続きを読む
posted 02:13  |  
Category: Design , Font   
tag: 
2014年09月07日

フラットデザインのフリーUIキットを集めた「20 Fresh Flat UI Designs Free to Download」

主流となっているフラットデザインは、シンプルでありながらもデザイン性が求められる、非常にデザインセンスが問われるもの。ベースとなるデザインを作り上げるのは意外に大変な作業となります。今回はそんなときに活用したい、フラットデザインのフリーUIキットを集めた「20 Fresh Flat UI Designs Free to Download」を紹介したいと思います。

ui0907_1
Dribbble – PSD: Minimal UI Kit by Vincent Tantardini

フラットテイストのハイクオリティなUIキットが20種類紹介されています。気になったものをピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 10:00  |  
Category: Design   
2008年06月12日

ブラウザ上に花火を打ち上げるjavascript「Fireworks.js」

今回紹介するjavascript「Fireworks.js」はブラウザ上に花火を打ち上げるというものです。使い道はアニバーサリーぐらいと、あまり思い浮かばなかったのですが、覚えておけば何かしらに使えそうです。

オーソドックスな花火から、少し変わった花火までパラメーターを操作することで、様々な花火を作り出すことができます。サンプルのデモは「Fireworks.js: A DHTML fireworks effect」のページの「Fire」と言うボタンを押せば花火を

詳しくは以下

(続きを読む…)

続きを読む
posted 03:26  |  
Category: WebDesign   
2012年03月28日

Illustratorを駆使できるチュートリアルまとめ「40 High Quality Adobe Illustrator CS5 Tutorials」

基本的なIllustratorの使い方はスクールなどで学ぶことはできても、実践的な使い方は仕事の中で学ぶことが多いもの。そんな制作のヒントになる、使い方を手軽に学べるIllustratorチュートリアルがまとめられていましたので、紹介したいと思います。


Create a Stylish Switch Button in Illustrator | Vectortuts+

ロゴマーク制作からイラスト制作まで、さまざまなシーンに利用できるチュートリアルが豊富に紹介されています。中でも気になったものをいくつかピックアップしましたので、下記よりご覧ください。

詳しくは以下

(続きを読む…)

続きを読む
posted 09:41  |  
Category: Design   
2008年12月31日

タブナビゲーションからフォトギャラリーまでCSSのTips集「20 Ultimate CSS Tutorials」

WEBデザインでは欠かす事ができないCSS。CSSも奥が深く、工夫しだいで様々な表現ができるようになっていますが、今回紹介するのはそんなCSSのテクニックを集めたテクニック集「20 Ultimate CSS Tutorials That Will Help You Master CSS | DWSmg.com」です。


Expandable CSS Tabs Tutorial

タブナビゲーションから、角丸、フォトギャラリーに影付けなどなど様々なCSSのテクニックが全部で20個、それぞれのジャンルに分けて公開されています。今日はその中からいくつかピックアップして紹介したいと思います。

詳しくは以下

(続きを読む…)

続きを読む
posted 05:19  |  
Category: WebDesign   
tag: CSS webdesign

Sponsor

このブログを購読する

facebook
twitter
rss

Designdevelopについて

デザインを開発するという視点からデザイン、WEBデザインに役立つ情報をお伝えします。

ご意見、ご感想、連絡事項があればFacebookページよりお願いたします。

※当サイトのに掲載されている一部画像、スクリ-ンショットに文章に置いては第三十二条で定められる引用の範囲で使用していますが、万が一問題があればFacebookページからご連絡ください。即刻削除いたします。
※本ブログの「プライバシーポリシー」です。

関連サイト

Designdevelopの姉妹ブログ、毎日のインスピレーションに!をコンセプトに、グラフィックデザインからプロダクトデザインまでクリエイティブをテーマに取り上げていくブログ「DesignWorks」を運営中。
VR・ウェアラブル・センシングなど様々な技術が一般化され、手に届く範囲で製品化が進んでいます。VR MEDIAは拡張する現実から未来を探るBLOGです。
Template deisgn by iDEACLOUD inc.
トップに戻る