مخفی کردن یک عنصر سایت وردپرس به روش صحیح مناسب سئو

[fusion_builder_container hundred_percent=”no” equal_height_columns=”no” menu_anchor=”” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” class=”” id=”” background_color=”” background_image=”” background_position=”center center” background_repeat=”no-repeat” fade=”no” background_parallax=”none” parallax_speed=”0.3″ video_mp4=”” video_webm=”” video_ogv=”” video_url=”” video_aspect_ratio=”16:9″ video_loop=”yes” video_mute=”yes” overlay_color=”” video_preview_image=”” border_size=”” border_color=”” border_style=”solid” padding_top=”” padding_bottom=”” padding_left=”” padding_right=””][fusion_builder_row][fusion_builder_column type=”1_1″ layout=”1_1″ background_position=”left top” background_color=”” border_size=”” border_color=”” border_style=”solid” border_position=”all” spacing=”yes” background_image=”” background_repeat=”no-repeat” padding_top=”” padding_right=”” padding_bottom=”” padding_left=”” margin_top=”0px” margin_bottom=”0px” class=”” id=”” animation_type=”” animation_speed=”0.3″ animation_direction=”left” hide_on_mobile=”small-visibility,medium-visibility,large-visibility” center_content=”no” last=”no” min_height=”” hover_type=”none” link=””][fusion_text columns=”” column_min_width=”” column_spacing=”” rule_style=”default” rule_size=”” rule_color=”” class=”” id=””]

شاید بخواهید یک عنصر را بوسیله کدهای CSS مخفی کنید و اولین کدی که به ذهنتان می رسد مانند زیر باشد :

display: none;

یا

visibility: hidden;

اما یک تکه کد بسیار بهینه تر از کدهای بالا وجود دارد که بوسیله آن هم عنصر یا المان مورد نظر شما در صفحه مخفی می شود و هم هیچ صدمه ای به سئو سایت شما وارد نمی شود .

در بخش زیر کد مخفی سازی یک عنصر HTML را در سایت وردپرس به بهترین و صحیح ترین شکل ممکن را مشاهده می کنید :

#content {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

[/fusion_text][/fusion_builder_column][/fusion_builder_row][/fusion_builder_container]