3
まず、GoogleやBingなどの検索エンジンの検索結果は、私達が自由に設定できるものではないことを認識する必要があります。そしてSEOはシステムやライブラリなどのドキュメントや仕様とは異なり、日々ルールが変化し、そのアルゴリズムが公開されるわけではないということも認識しておくと良いでしょう。
考えられることとして以下の可能性があると思われます。
titleタグの文字列と検索した文字列が異なっている
titleタグを変更してから時間が経過していない
titleタグに設定されている文字列がユニークでない
文字コードの設定が誤っているため、日本語が認識されていない
加えて、h1の文字列は検索結果に影響を与えやすいという話を聞いたことがありますので、h1に日本語も加えてみるのも良いかもしれません。(...
2
コードが無いので推測ですが、それは不具合では無く ShadowDOM の仕様によるものだと考えられます。
ShadowDOM は CSS の境界を作ります。
ShadowDOM の外で定義された CSS ルールは、ShadowDOM の内部に影響を与えません。
ShadowDOM の中で定義された CSS ルールは、ShadowDOM の外部に影響を与えません。
つまり、Web Components の内部で使う CSS は、Web Components の内部に書かなければいけません。
そして、例えば table { background: red; } のようなルールを定義したとしても、それは Web Components の内部にしか影響を与えません (外にあるテーブルの色は変わりません)。
2
確か Polymer() 内でのオブジェクトや配列は共有状態になり、
created: のコールバックで初期化する必要があったはずです。
<polymer-element name="test-01" attributes="">
<template>
<h1>{{ obj.value }}!</h1>
<paper-button on-click="{{ add }}">add</paper-button>
</template>
<script>
(function () {
Polymer({
created: function(){
...
2
こちらを参考にしてください
http://jsbin.com/cosinanoxo/1/edit?html,console,output
<html>
<head>
<script src="https://rawgit.com/webcomponents/webcomponentsjs/master/webcomponents-lite.js"></script>
<base href="http://polygit.org/polymer+:master/components/">
<link href="polymer/polymer.html" rel="import">
<...
1
個人的には、ファイル毎に利用しているコンポーネントをそれぞれ import するのが鉄則であると思います。
HTML Imports はグローバルな定義を増やすので、どこで import しても結果は変わらないのですが、私は、グローバルな定義に依存するとソフトウェアの見通しが悪くなると考えています。そのため、なるべく利用場所の近くに import 文を書くのが良いと思います。JavaScript の Modules がローカル変数にインポートしたモノを割りつけるのも、同じ考えからでしょう。
上位に投票された、最小文字数のコミュニティ wiki 以外の回答のみが対象となります