作成者別アーカイブ: miyakawa

Google翻訳(無料)を設置

Googleから無料で提供されている翻訳機能をホームページに追加する。

Googleへアクセス
http://translate.google.com/manager/website/
右の青いボタン「今すぐウェブサイトに追加」を選択。
ログイン画面に移動するので、Googleアカウントでログインする。
アナリティクスを使用している人はそのIDでログイン、ない人は新規でアカウントを作成。

ログインしたら早速設定開始
今回は当社運営のSEOファクターに設置する「www.seofactor.org
ウェブサイトの言語は「日本語」を設定(セレクトの一番下にありました)したら「次へ」。
googlet-1

今回は「英語」「韓国語」「中国語」そして「日本語」を選択。
「日本語」はなくてもいいのですが、最終使用画面で上にGoogle翻訳バーが表示されますが、もしそれを見れないようにバー右の「×」をしても「日本語」に戻れるようにしたかったので今回は選択。
アナリティクスを使用している人はアナリティクスのプロパティIDを入れる。googlet-2

最後に2つのコードが出来上がりので、1つは「/head」の前と、1つは表示させたい場所のHTML内にコピーペーストする。
以上が終了。

googlet-3

実際には

googlet-4

翻訳されるとGoogle翻訳のバーが上部に表示される。

googlet-5

緯度経度を調べる

Google Mapでマーカーなどいろいろな機能を使いたい場合に場所の緯度経度を簡単に調べる方法

1、住所が分かれば「Geocoding」が便利
geo1
例えば「横浜市青葉区青葉台1-6-21」と入れると
geo2
簡単に緯度経度を表示

 

2、実際のGoogle Mapで緯度経度を調べたい場合はGoogleでログインした状態で、その場所をなるべく大きめに表示する。
google1
知りたい場所にWinなら「マウス右クリック」、Macなら「コントロール+クリック」するとポップアップ案内がでます。その一番下の「この場所について」を選択。
google2
上のGoogleマーク横のボックスに緯度経度が表示されます。
google3

※便利なのが緯度経度が分かるとGoogle Mapの中心を決める時にとっても役立ちます。

おしゃれなサウンドを付けたいなら

クリック音や波の音、アップルのコマーシャルやバットマンの映画に流れてくるようなサウンドを追加したいならこのサイトで解決。

クリック音などは1ドルからあるし、アップルのコマーシャルのような曲は25〜30ドルで手に入ります。もちろんロイヤルティフリーです。

luckstock.com

ブラウザで使えるFTPソフト

通常FTPソフトは自分のPCにインストールして使用するタイプのものですが、今回紹介するのはいつも作っているブラウザで使用できる。
何が便利かというと、自分のPCでなくてもOKなので外出先からもできるし、数名のスタッフとファイルサーバとしても使えそう。

クラウド型FTPソフト
Monsta FTP
http://www.monstaftp.com/


サイトからダウンロードして上記のファイルをアップロードし、ブラウザでアドレスを入れれば下記のようなログイン画面が出る。

 

Google Map 設置、吹き出し削除、レスポンシブ

Googleの地図をホームページに入れる方法。

Googleサイト地図より住所を入れて検索
「神奈川県横浜市青葉区青葉台1-6-21 a・cube」

「リンク」アイコンをクリックするとウェブサイトへの地図埋め込み用 HTML コードがでるのでその中の「埋め込み地図のカスタマイズとプレビュー」をクリック。


地図の大きさを「大」にしてズームを調整し埋め込むHTMLをコピーして、自分のサイトへHTMLをペーストする。

実際に見ると吹き出しが表示されるので、吹き出しを非表示にする

HTML内の/iframeの最後の前部分に「&iwloc=B」を追加
<iframe width=”640″ height=”480″—————–
————————–;output=embed&amp;iwloc=B“></iframe>

サイトがレスポンシブデザインなら「width」設定を「100%」にする。
<iframe width=”640″ height=”480″—————–

<iframe width=”100%” height=”480″—————–

iPhoneで見ると自動で横幅が調整される。

Twitter 埋め込みタイムライン

6月11日、今までの埋め込みタイムラインの提供が終了し新しくなりました。

新しいタイムラインはTwitterの管理画面内、「設定」>「ウィジェット」>「新規作成」から埋め込み用コードを作ります。

細かい設定方法はTwitterで公式ガイドを出しています。
https://dev.twitter.com/ja/docs/embedded-timelines

 

Google ペンギンアップデート、パンダアップデートとは

Googleが2011年から導入しているアルゴリズム。年に数回行われている。

ペンギンアップデートとは
質の悪い被リンク(外部からのリンク)やSEO会社から購入した被リンクを貼っているサイトの検索結果順位を下げるもの。

パンダアップデートとは
質の悪いコンテンツ(内容)や他のサイトからコンテンツをコピーしてきたサイトの検索結果を上位にこないようにするもの。

WordPress 続きを読む…の挿入と名称変更

ブログ内容が多い場合や一部のみトップページで見せておき、そのブログページに誘導する場合に最近よく見かける「続きを読む…」の入れ方や、その名称の変更方法です。

挿入したい文字にカーソルを持って行き、上のツールバー内(ビジュアルタブ)のmoreアイコンをクリックして挿入。

するとその部分にMore..が入ります。これで完了です。

「続きを読む…」の名称を例えば「read more..」に変更したい場合は

エディタータブを「エディター」から「テキスト」に変更して好きな文字に変更して、<!–more–>とある部分に<!–more read more..–>と手打ち入力します。

バージョン3.5.1

実際に宮川ブログで見られます。
www.miyakawa.jp