Hi, since i’ve installed your theme newspaper, my homepage Text HTML Radio went down, causing SEO issues to my site
Your home page code to text ratio is: 1.38 % Check ratio
% Ratios and meanings:
0% – 10%: Consider adding more content or revamping your code.
10% – 25%: Content is moderate, but always room to improve.
25% – 70%: Generally good, but don’t over do it.
70% – 100%: If you’ve got higher than about 70% or so then you’ve got a lot of text and not a lot of code, which might sound like a good thing, but could represent spam too.
Is there any solution to update the theme and making it more SEO friendly?
Thanks
Fabian
Now i’ve rised up a bit, but still very low compared to competitors.
view-source:http://www.rnbjunk.com/
even in post, with lot of text, we have the issue, cause the theme loads a lot of codes, if, and options.
The Theme does load a lot of stuff, so that the text html ratio is very slow. Is there anyone that can help me?
http://seositecheckup.com/checkup/code_to_text_ratio/982517a06475868ab389f095aae7ff0a?url=rnbjunk.com
Code To Text Ratio
EXPLAIN THIS
Your page size (source code) is 97.55 Kb and your content text size is 8.69 Kb. Your content text represents 8.91% from your webpage source code. This is a low ratio and you might need to add more content!
HOW TO FIX
In order to pass this test you must increse your text to HTML code ratio. Here are some tehniques:
move all inline styling rules into a external CSS file
move your JavaScript code into a external JS file
use CSS layout instead of HTML tables
Hi,
You need menus, containers, css and other elements to make the page look nice. You also added a lot of custom elements like pop-ups, ads, etc.
Your main page doesn’t come with content, it’s just a gate, maybe that’s why the tool returns a lower score for it.
I’ve made a test on one of your posts and i got this – http://screencast.com/t/mz1Jy7M2v41 , i’ve tried to make another test and i got this – http://screencast.com/t/UkOSFC5c89zA , my advise would be to use another testing tool.
We followed the best SEO practices and we tested the theme on Google webmaster tools.
Thank you, Emil G.
Hi Emil, when i load source of my site, i see a lot of codes coming from newspaper theme that actually i don’t use, and that are heaving codes on every page: view-source:http://www.rnbjunk.com/
<!– Style compiled by theme –>
<style>
.block-title a,
.block-title span,
.td-tags a:hover,
.td-scroll-up-visible,
.td-scroll-up,
.sf-menu ul .current-menu-item > a,
.sf-menu ul a:hover,
.sf-menu ul .sfHover > a,
.sf-menu ul .td-menu-item > a:hover,
.td-rating-bar-wrap div,
.iosSlider .slide-meta-cat,
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.td-404-sub-sub-title a,
.widget_tag_cloud .tagcloud a:hover,
.td-mobile-close a,
ul.td-category a,
.td_social .td_social_type .td_social_button a,
.dropcap,
.td-forum-category-title .td-forum-category-name,
.td_display_err,
.td_block_mega_menu .td-ajax-next-page:hover,
.td_block_mega_menu .td_ajax-prev-page:hover,
.post-via span,
.td_wrapper_video_playlist
.td_video_controls_playlist_wrapper
{
background-color: #6e61b0;
}
.block-title,
.sf-menu li a:hover,
.sf-menu .sfHover a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-category-ancestor a,
.header-search-wrap
.dropdown-menu,
.sf-menu > .current-menu-item > a,
.ui-tabs-nav,
.woocommerce .product .woocommerce-tabs ul.tabs,
.td-forum-list-head,
.td-login-panel-title
{
border-color: #6e61b0;
}
.widget_price_filter .ui-slider-handle,
.td_wrapper_video_playlist .td_video_currently_playing:after
{
border-color: #6e61b0 !important;
}
.author-box-wrap .td-author-name a,
blockquote p,
.page-nav a:hover,
.widget_pages .current_page_item a,
.widget_calendar td a,
.widget_categories .current-cat > a,
.widget_pages .current_page_parent > a,
.td_pull_quote p,
.page-nav-post a:hover span,
.td-forum-last-comment-content .td-forum-last-author,
.td-topics-title-details a,
.td-posted-in a
{
color: #6e61b0;
}
.woocommerce .button,
.woocommerce .form-submit #submit,
.widget_price_filter .ui-slider-handle,
.jetpack_subscription_widget input[type=”submit”],
.pp_woocommerce .pp_close,
.pp_woocommerce .pp_expand,
.pp_woocommerce .pp_contract,
.pp_woocommerce .pp_arrow_previous,
.pp_woocommerce .pp_arrow_next,
.pp_woocommerce
.pp_next:before,
.pp_woocommerce .pp_previous:before,
#bbpress-forums .button
{
background: #6e61b0 !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.bbp-template-notice,
.td-reply-list-header
{
border-color: #6e61b0 !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.td-login-button
{
background-color: #6e61b0 !important;
}
.buddypress #buddypress div.dir-search input[type=”submit”],
.buddypress #buddypress .message-search input[type=”submit”],
.buddypress #buddypress .item-list-tabs ul li.selected a,
.buddypress #buddypress .generic-button a,
.buddypress #buddypress .submit input[type=”submit”],
.buddypress #buddypress .ac-reply-content input[type=”submit”],
.buddypress #buddypress .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form .button-nav .current a,
.buddypress #buddypress .standard-form .button,
.buddypress #buddypress input[type=”submit”],
.buddypress #buddypress a.accept,
.buddypress #buddypress #activate-page .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form #group-create-body input[type=”button”],
.post-password-required input[type=”submit”]
{
background: #6e61b0 !important;
}
.buddypress #buddypress .groups .item-meta,
.bbp-forum-title:hover,
.td_login_tab_focus,
.block-mega-child-cats a.cur-sub-cat
{
color: #6e61b0 !important;
}
.page-nav .current,
.page-nav-post span
{
background-color: #6e61b0;
border-color: #6e61b0;
}
.wpb_btn-inverse,
.ui-tabs-nav .ui-tabs-active a,
.post .wpb_btn-danger,
.form-submit input,
.wpcf7-submit,
.wpb_default,
.woocommerce .product .woocommerce-tabs ul.tabs li.active,
.woocommerce.widget_product_search input[type=”submit”],
.more-link-wrap,
.td_read_more {
background-color: #6e61b0 !important;
}
.header-search-wrap .dropdown-menu:before {
border-color: transparent transparent #6e61b0;
}
.td-mobile-content .current-menu-item > a,
.td-mobile-content a:hover
{
color: #6e61b0 !important;
}
.category .entry-content,
.tag .entry-content,
.td_quote_box
{
border-color: #6e61b0;
}
.td-timeline-block-title {
background-color: #6e61b0 !important;
}
.td-timeline-wrapper-links {
border-color: #6e61b0 !important;
}
.td-timline-h1-link span {
background-color: #6e61b0 !important;
}
.td-page-title .td-search-query {
color: #6e61b0;
}
.td-sbig-title-wrap .td-sbig-title,
.td-slide-item-sec .td-sbig-title-wrap,
.td-big-grid-title .td-sbig-title-wrap
{
background-color: rgba(110, 97, 176, 0.7);
}
::-moz-selection {
background: #a093e2;
color: #fff;
}
::selection {
background: #a093e2;
color: #fff;
}
a, .widget_recent_comments .recentcomments .url {
color: #6e61b0;
}
.cur-sub-cat {
color:#6e61b0 !important;
}
.blog-stack .sf-menu .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent > a,
.blog-stack .sf-menu > li:hover > a,
.blog-stack .sf-menu ul li:hover > a,
.blog-stack .td-post-text-content .more-link-wrap:hover a,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat:hover,
.blog-stack .td-mega-menu .block-mega-child-cats a:hover,
.blog-stack .td_mod_mega_menu:hover .item-details a,
.blog-stack .sf-menu .current-menu-ancestor > a,
.blog-stack .sf-menu .current-category-ancestor > a
{
color:#6e61b0;
}
.blog-stack .sf-menu > .current-menu-ancestor > a,
.blog-stack .sf-menu > .current-category-ancestor > a
{
color:#6e61b0 !important;
}
.blog-stack .sf-menu ul li {
background-color: #6e61b0;
}
.blog-stack .td-post-text-content .more-link-wrap a:hover {
outline-color: #6e61b0;
}
a:hover,
.widget_recent_comments .recentcomments .url:hover
{
color: #ed4fef;
}
.td-menu-header .td-sp,
.sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu.png’);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu@2x.png’);
}
}
</style>
<!– JS generated by theme –>
<script>
var td_blocks = []; //here we store all the items for the current page
//td_block class – each ajax block uses a object of this class for requests
function td_block() {
this.id = ”;
this.block_type = 1; //block type id (1-234 etc)
this.atts = ”;
this.td_cur_cat = ”;
this.td_column_number = ”;
this.td_current_page = 1; //
this.post_count = 0; //from wp
this.found_posts = 0; //from wp
this.max_num_pages = 0; //from wp
this.is_ajax_running = false;
this.header_color = ”;
this.ajax_pagination_infinite_stop = ”; //show load more at page x
}
var td_ad_background_click_link=””;
var td_ad_background_click_target=””;
var td_ajax_url=”http://www.rnbjunk.com/wp-admin/admin-ajax.php”;
var td_get_template_directory_uri=”http://www.rnbjunk.com/wp-content/themes/Newspaper”;
var tds_snap_menu=”snap”;
var tds_header_style=””;
var tds_mobile_swipe=””;
var td_search_url=”http://www.rnbjunk.com/search/”;
var td_please_wait=”Please wait…”;
var td_email_user_pass_incorrect=”User or password incorrect!”;
var td_email_user_incorrect=”Email or username incorrect!”;
var td_email_incorrect=”Email incorrect!”;
var tds_more_articles_on_post_enable=””;
var tds_more_articles_on_post_time_to_wait=””;
var tds_more_articles_on_post_pages_distance_from_top=”0″;
var tds_theme_color_site_wide=”#6e61b0″;
</script>
Woocommerce, Buddypress, are some example and stuff like that. I cannot disable them from the theme panel, i need to know how can i customize the theme so use only the things that are really important for my site, without codes of stuff that are not working on it.
Do you have a guideline to have a lighter version of the theme, in order to load only the essentials?
Fabian
Hi,
@rnbjunk If you take a closer look at the ccs code that the theme generates you’ll notice that almost all of it set’s an #6e61b0 color which represents the theme’s accent color which you’ve set for it while other is the css for the settings you’ve chosen for your theme appearance, that’s how the theme works.
The woocommerce/bbpress or buddypress css added by the theme can be removed if you don’t use it or need it. Search for it in themes style.css file or .less files and remove all css line which refer to woocommerce or bbpress or buddypress.
@Bichareh You can search for woocommerce references here: http://screencast.com/t/6mQMK5Vk0Ne ..bbpress here: http://screencast.com/t/j6A1DdeN
Thanks
Hi Lucian! Thanks for the advice! What is unclear to me is that color part. I mean, that color selection on the theme panel affects the CSS and make it heavier? Are you saying that?
The issue for me is to reduce the CSS and the code on the page in order to have a better results text/html ratio.
Can you take note about those issue for the next version of the theme? I love it, but would be great to offer a lighter version for more basics sites, or automated option to disable things that we don’t need.
Please let me know, i would love to go on with the theme, and recovering on search enginees as well.
Hi,
If you are not using woocommerce or bbpress you can remove the forum templates and shop style. Please make a backup of your current theme installation before in case something goes wrong you can revert back to it.
According to it’s settings the theme generates another css which overwrites the default one so yes when you change your settings extra css is added to the page.
We will investigate and consider this for future versions.
Thanks
I’ve deleted from style.css, but still having code on the page:
<!– Style compiled by theme –>
<style>
.block-title a,
.block-title span,
.td-tags a:hover,
.td-scroll-up-visible,
.td-scroll-up,
.sf-menu ul .current-menu-item > a,
.sf-menu ul a:hover,
.sf-menu ul .sfHover > a,
.sf-menu ul .td-menu-item > a:hover,
.td-rating-bar-wrap div,
.iosSlider .slide-meta-cat,
.sf-menu ul .current-menu-ancestor > a,
.sf-menu ul .current-category-ancestor > a,
.td-404-sub-sub-title a,
.widget_tag_cloud .tagcloud a:hover,
.td-mobile-close a,
ul.td-category a,
.td_social .td_social_type .td_social_button a,
.dropcap,
.td-forum-category-title .td-forum-category-name,
.td_display_err,
.td_block_mega_menu .td-ajax-next-page:hover,
.td_block_mega_menu .td_ajax-prev-page:hover,
.post-via span,
.td_wrapper_video_playlist
.td_video_controls_playlist_wrapper
{
background-color: #6e61b0;
}
.block-title,
.sf-menu li a:hover,
.sf-menu .sfHover a,
.sf-menu .current-menu-ancestor a,
.sf-menu .current-category-ancestor a,
.header-search-wrap
.dropdown-menu,
.sf-menu > .current-menu-item > a,
.ui-tabs-nav,
.woocommerce .product .woocommerce-tabs ul.tabs,
.td-forum-list-head,
.td-login-panel-title
{
border-color: #6e61b0;
}
.widget_price_filter .ui-slider-handle,
.td_wrapper_video_playlist .td_video_currently_playing:after
{
border-color: #6e61b0 !important;
}
.author-box-wrap .td-author-name a,
blockquote p,
.page-nav a:hover,
.widget_pages .current_page_item a,
.widget_calendar td a,
.widget_categories .current-cat > a,
.widget_pages .current_page_parent > a,
.td_pull_quote p,
.page-nav-post a:hover span,
.td-forum-last-comment-content .td-forum-last-author,
.td-topics-title-details a,
.td-posted-in a
{
color: #6e61b0;
}
.woocommerce .button,
.woocommerce .form-submit #submit,
.widget_price_filter .ui-slider-handle,
.jetpack_subscription_widget input[type=”submit”],
.pp_woocommerce .pp_close,
.pp_woocommerce .pp_expand,
.pp_woocommerce .pp_contract,
.pp_woocommerce .pp_arrow_previous,
.pp_woocommerce .pp_arrow_next,
.pp_woocommerce
.pp_next:before,
.pp_woocommerce .pp_previous:before,
#bbpress-forums .button
{
background: #6e61b0 !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info,
.bbp-template-notice,
.td-reply-list-header
{
border-color: #6e61b0 !important;
}
.woocommerce .woocommerce-message:before,
.woocommerce .woocommerce-info:before,
.td-login-button
{
background-color: #6e61b0 !important;
}
.buddypress #buddypress div.dir-search input[type=”submit”],
.buddypress #buddypress .message-search input[type=”submit”],
.buddypress #buddypress .item-list-tabs ul li.selected a,
.buddypress #buddypress .generic-button a,
.buddypress #buddypress .submit input[type=”submit”],
.buddypress #buddypress .ac-reply-content input[type=”submit”],
.buddypress #buddypress .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form .button-nav .current a,
.buddypress #buddypress .standard-form .button,
.buddypress #buddypress input[type=”submit”],
.buddypress #buddypress a.accept,
.buddypress #buddypress #activate-page .standard-form input[type=”submit”],
.buddypress #buddypress .standard-form #group-create-body input[type=”button”],
.post-password-required input[type=”submit”]
{
background: #6e61b0 !important;
}
.buddypress #buddypress .groups .item-meta,
.bbp-forum-title:hover,
.td_login_tab_focus,
.block-mega-child-cats a.cur-sub-cat
{
color: #6e61b0 !important;
}
.page-nav .current,
.page-nav-post span
{
background-color: #6e61b0;
border-color: #6e61b0;
}
.wpb_btn-inverse,
.ui-tabs-nav .ui-tabs-active a,
.post .wpb_btn-danger,
.form-submit input,
.wpcf7-submit,
.wpb_default,
.woocommerce .product .woocommerce-tabs ul.tabs li.active,
.woocommerce.widget_product_search input[type=”submit”],
.more-link-wrap,
.td_read_more {
background-color: #6e61b0 !important;
}
.header-search-wrap .dropdown-menu:before {
border-color: transparent transparent #6e61b0;
}
.td-mobile-content .current-menu-item > a,
.td-mobile-content a:hover
{
color: #6e61b0 !important;
}
.category .entry-content,
.tag .entry-content,
.td_quote_box
{
border-color: #6e61b0;
}
.td-timeline-block-title {
background-color: #6e61b0 !important;
}
.td-timeline-wrapper-links {
border-color: #6e61b0 !important;
}
.td-timline-h1-link span {
background-color: #6e61b0 !important;
}
.td-page-title .td-search-query {
color: #6e61b0;
}
.td-sbig-title-wrap .td-sbig-title,
.td-slide-item-sec .td-sbig-title-wrap,
.td-big-grid-title .td-sbig-title-wrap
{
background-color: rgba(110, 97, 176, 0.7);
}
::-moz-selection {
background: #a093e2;
color: #fff;
}
::selection {
background: #a093e2;
color: #fff;
}
a, .widget_recent_comments .recentcomments .url {
color: #6e61b0;
}
.cur-sub-cat {
color:#6e61b0 !important;
}
.blog-stack .sf-menu .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent .current-menu-item a,
.blog-stack .sf-menu .current-menu-parent > a,
.blog-stack .sf-menu > li:hover > a,
.blog-stack .sf-menu ul li:hover > a,
.blog-stack .td-post-text-content .more-link-wrap:hover a,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat,
.blog-stack .sf-menu ul .td_mega_menu_sub_cats a.cur-sub-cat:hover,
.blog-stack .td-mega-menu .block-mega-child-cats a:hover,
.blog-stack .td_mod_mega_menu:hover .item-details a,
.blog-stack .sf-menu .current-menu-ancestor > a,
.blog-stack .sf-menu .current-category-ancestor > a
{
color:#6e61b0;
}
.blog-stack .sf-menu > .current-menu-ancestor > a,
.blog-stack .sf-menu > .current-category-ancestor > a
{
color:#6e61b0 !important;
}
.blog-stack .sf-menu ul li {
background-color: #6e61b0;
}
.blog-stack .td-post-text-content .more-link-wrap a:hover {
outline-color: #6e61b0;
}
a:hover,
.widget_recent_comments .recentcomments .url:hover
{
color: #ed4fef;
}
.td-menu-header .td-sp,
.sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu.png’);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu@2x.png’);
}
}
</style>
Hi,
That css comes from the theme settings (Theme Panel -> Custom Typography and Theme Colors), you can find them here – http://screencast.com/t/CQIeZ1hG8yp , when you change the theme color a css is generated for all those elements.
Thanks.
Hi,
Only if you modify the css in that section.
If you want to reset the theme color to default press the Default button – http://screencast.com/t/nOpjBcKn
Clear the cache and check the page source.
Thank you!
-
This reply was modified 11 years by
Emil G.
<!– Style compiled by theme –>
<style>
.td-menu-header .td-sp,
.sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu.png’);
}
@media only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (-moz-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
.td-menu-header .td-sp, .sf-sub-indicator{
background-image: url(‘http://cdn.rnbjunk.com/wp-content/themes/Newspaper/images/header/elements-menu@2x.png’);
}
}
</style>
<!– JS generated by theme –>
<script>
var td_blocks = []; //here we store all the items for the current page
//td_block class – each ajax block uses a object of this class for requests
function td_block() {
this.id = ”;
this.block_type = 1; //block type id (1-234 etc)
this.atts = ”;
this.td_cur_cat = ”;
this.td_column_number = ”;
this.td_current_page = 1; //
this.post_count = 0; //from wp
this.found_posts = 0; //from wp
this.max_num_pages = 0; //from wp
this.is_ajax_running = false;
this.header_color = ”;
this.ajax_pagination_infinite_stop = ”; //show load more at page x
}
var td_ad_background_click_link=””;
var td_ad_background_click_target=””;
var td_ajax_url=”http://www.rnbjunk.com/wp-admin/admin-ajax.php”;
var td_get_template_directory_uri=”http://www.rnbjunk.com/wp-content/themes/Newspaper”;
var tds_snap_menu=”snap”;
var tds_header_style=””;
var tds_mobile_swipe=””;
var td_search_url=”http://www.rnbjunk.com/search/”;
var td_please_wait=”Please wait…”;
var td_email_user_pass_incorrect=”User or password incorrect!”;
var td_email_user_incorrect=”Email or username incorrect!”;
var td_email_incorrect=”Email incorrect!”;
var tds_more_articles_on_post_enable=””;
var tds_more_articles_on_post_time_to_wait=””;
var tds_more_articles_on_post_pages_distance_from_top=”0″;
var tds_theme_color_site_wide=”#4db2ec”;
</script>
<script type=”text/javascript”>
/* <![CDATA[ */
var wpNotesIsJetpackClient = true;
/* ]]> */
</script>
</head>
<body class=”home page page-id-41827 page-template page-template-page-homepage-loop page-template-page-homepage-loop-php logged-in admin-bar no-customize-support td-full-layout wpb-js-composer js-comp-ver-4.4.2 vc_responsive”>
Now It’s better. but the color is blu. My question is, can i change colors in a easier way bypassing that panel?
Hi,
Use notepad++ or similar to find and replace the default color(#4db2ec) inside the style.css file – http://screencast.com/t/5U4FGVVbcx
Thanks!
